Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
React for absolute beginners
Rating: 3.9 out of 5(87 ratings)
2,819 students

React for absolute beginners

Learn React from scratch with hands-on projects
Last updated 3/2026
English

What you'll learn

  • Setup local react development environment
  • Access react library from CDN
  • Understand what components
  • Create components
  • Create components in ES6
  • Convert component functions to ES6 Class
  • Understand Props
  • Use props with components
  • Understand JSX
  • Use JSX as an expression
  • Use child elements in JSX
  • Nest JSX elements
  • Understand state
  • Adding a state to a class
  • Build simple react projects

Course content

10 sections67 lectures6h 11m total length
  • Introduction2:00
  • What is React3:12
  • What is ReactDom1:25
  • What is babel2:51
  • What is the DOM4:44
  • React VirtualDOM Vs RealDOM3:21
  • Text Editors0:04
  • Introduction to JSBIN6:56
  • Accessing React Via CDN7:24
  • What is git4:09
  • Installing Git6:02
  • Git configuration6:12
  • What is Nodejs3:01
  • Downloading and Installing Nodejs4:31
  • What is Npm5:00
  • Installing and Uninstalling npm global packages3:39
  • Installing create react-app tool3:55
  • Create a sample react app5:12
  • New react app folder structure11:08
  • Rendering6:25
  • Conditional rendering5:28
  • Installing react developer tools3:49

Requirements

  • Basic understanding of HTML
  • Basic understanding of CSS
  • Basic understanding of JavaScript

Description

React.js is a an open-source JavaScript library for creating user interfaces 
React adopts  a component based approach in developing applications.
Every react app can considered a component or a collection of components which can be re-usable.

This course is for absolute beginners to react and will teach you from scratch what you need to know to begin
creating react based applications. React is fun and easy to learn.

React.js is designed to make the process of building modular, reusable user interface components simple and intuitive. With React you can design  simple views for each state of an application. You can also use  React to efficiently update and render  components when your data changes.  I will walk you through how to create react components from scratch, review components properties, and component state, as well as the foundational parent/child relationships within React.js. I will also take you through  the lifecycle of components . You will be transpiling JSX code using babel which is an in browser transpiler that converts  JSX code into readable format.

What you will learn includes:


Setting up a local react development environment
Accessing React Library via CDN
Using Creating a React App tool to create new react projects
Accessing Reaact from JSBIN
Creating React Components
Creating React Components in ES6
Converting React functions to ES6 Class
Using JSX
Embedding JSX as expressions
Using props
Using State
Component life cycle
Creating a  React mortgage calculator
Creating a React Todo List App
Creating a React static tweet component
Creating a React countdown timer
Creating a React digital clock


Who this course is for:

  • Anyone who wants to learn React
  • Beginner programmers
  • Beginner developers