Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn React JS from scratch: Create hands on projects
Rating: 3.5 out of 5(73 ratings)
1,653 students

Learn React JS from scratch: Create hands on projects

Learn React js JavaScript framework from scratch
Last updated 3/2026
English

What you'll learn

  • Know how to access the React Library
  • Know how to access the React DOM Library
  • Know how to write JSX syntax
  • know how to transpile JSX code with Babel
  • know about a react component
  • know how to create a React Component
  • Know how to Mount a component
  • Know how to Un-Mount a component
  • Know about Props
  • Know about State
  • Know how to handle events in React
  • Know about Refs

Course content

11 sections99 lectures9h 55m total length
  • Introduction3:56
  • What is the DOM4:44
  • What is React3:12
  • Who is using React1:22
  • What is ReactDOM1:25
  • React Virtual DOM6:53
  • React VirtualDom Vs Real DOM3:21
  • React RapidDom Rendering5:20
  • React developer tools3:49
  • Introduction to JSBIN6:56
  • Arrow Functions4:14
  • Const Keyword4:00
  • Conditional Rendering5:28

Requirements

  • Working knowledge of HTML
  • Working knowledge of CSS
  • Working knowledge of JavaScript
  • Working knowledge of Node.js
  • Working knowledge of Browser developer Tools

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:

What is React.js?
Who uses  React
Adding and accessing React Library
Adding and accessing React DOM Library
Adding and accessing Babel compiler
Using JSX
Creating a React component
Using props
Prop Types
Using props with children
Working with state
Handling events
Using Refs
Mounting components
Un-Mounting Components
Updating Components
Creating a React App


This is a practical hands-on course and i encourage you to follow along as much as possible.


Thank you and welcome to the course.

Who this course is for:

  • Anyone who has working knowledge of HTML
  • Anyone who has working knowledge of CSS
  • Anyone who has working knowledge of JavaScript
  • Aspiring web developers