Course image for React Tutorials

React Tutorials

Learn basics about React UI library

2 hours+ of total content
4.8
19 ratings
1688 developers learning
Course Creator: Mehul Mohan

Hang on...

Goals

  • Build powerful, fast, user-friendly and reactive web apps
  • Provide amazing user experiences by leveraging the power of JavaScript with ease
  • Learn React Hooks & Class-based Components
  • Apply for high-paid jobs or work as a freelancer in one the most-demanded sectors you can find in web dev right now

Description

JavaScript is the major driver of modern web applications since it's the only programming language which runs in the browser and hence allows you to provide highly reactive apps. You'll be able to achieve mobile-app like user experiences in the web.

But using JavaScript can be challenging - it quickly becomes overwhelming to create a nice web app with vanilla JavaScript and jQuery only.

React to the rescue!

React is all about components - basically custom HTML elements - with which you can quickly build amazing and powerful web apps. Just build a component once, configure it to your needs, dynamically pass data into it (or listen to your own events!) and re-use it as often as needed.

Need to display a list of users in your app? It's as simple as creating a "User" component and outputting it as often as needed.

This course will start at the very basics and explain what exactly React is and how you may use it (and for which kind of apps). Thereafter, we'll go all the way from basic to advanced. We'll not just scratch the surface but dive deeply into React as well as popular libraries like react-router and Redux.

By the end of the course, you can build amazing React (single page) applications!

Course Structure

29 lectures 02:34:29 total duration

All Videos

(29 lectures • 02 hours and 34 minutes)
  Introduction (Preview)
00:59
  First Program (Preview)
04:42
  First Program Explained (Preview)
02:26
  File structure (Preview)
05:48
  Components (Preview)
05:16
  JSX Expressions (Preview)
05:51
  DOM Events (Preview)
03:58
  Stateful Components - useState (Preview)
06:43
  How JSX expressions work? (Preview)
03:28
  Forms (Preview)
07:25
  Conditional Rendering (Preview)
05:29
  Props (Preview)
05:34
  props.children (Preview)
03:41
  Lists (Preview)
06:00
  Routing (react-router v5) (Preview)
07:27
  Link (Preview)
04:07
  Parameterized Routing (Preview)
04:17
  useRef Hook (Preview)
03:38
  useEffect Hook (Preview)
09:34
  Intro to Context API (Preview)
04:47
  useContext (Preview)
05:03
  Starting a new React project (Preview)
03:35
  Material UI with React (Preview)
03:55
  Material Header (Preview)
07:57
  Integrating Movie API (Preview)
12:33
  Adding CSS (Preview)
03:59
  Adding Material Loader (Preview)
03:46
  Search support for movies (Preview)
09:15
  Type Declarations (Preview)
03:16

Last 5 Reviews

VR
VIGNESH R
May 06, 2021
Nice course boy ma.
TR
TAYYAB ROY
Apr 22, 2021
Excellent!
SP
Sahil Patel
Apr 02, 2021
I really loved it, you nailed it bro.
AC
Aritro Chakraborty
Mar 12, 2021
good cource
KT
Kennymiles Tech
Feb 09, 2021
Great content

Your Instructor

Mehul Mohan

Full-stack developer and security researcher

I'm a full-stack developer working with JavaScript and its associated runtimes for the past 7 years. I love to play with code and make something useful out of it! You can find me on social media, I'm quite active there :)
codedamn logo

We ♥ quality. And we would love to see your growth. Hence, codedamn comes with a pro plan for advanced and accelerated learning!

Free

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Learning Path support
  • Unlimited hands-on practice

Pro

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Learning Path support
  • Unlimited hands-on practice
Become Pro Member