Web Development


Complete React Bootcamp - Build Hands on projects

Learn the basics of React and learn how to build React web applications using React Hooks,Routers etc

4.38 (103 reviews)


5 hours


Sep 2020

Last Update
Regular Price

Exclusive  Offer
Unlimited access to 30 000 Premium SkillShare courses

What you will learn

Build powerful, fast, user-friendly and reactive web apps

Learn React hooks

Everything about React js

Provide amazing user experiences by leveraging the power of JavaScript with ease

Learn React Router

Many more stuff


What's this course about?

Learn React or dive deeper into it. Learn the theory, solve assignments, practice in demo projects, and build one big project called : Todo list app

JavaScript is the major driver of modern web applications since it's the only programming language that runs in the browser and hence allows you to provide highly reactive apps. You'll be able to achieve mobile-app like user experiences on 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 in your app? It's as simple as creating a "List" 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 applications!

A detailed list of the course content can be found below.

This course is for you if ...

  • ...you're just getting started with frontend/ JavaScript development and only got the JS basics set (no prior React or other framework experience is required!)

  • ...you're experienced with Angular or Vue but want to dive into React

  • ...know the React basics but want to refresh them and/ or dive deeper

  • ...already worked quite a bit with React but want to dive deeper and see it all come together in a bigger app

You will learn these concepts below:

  • Learn how to use Codesandbox

  • Learn React from scratch

  • Conditional Rendering

  • React and it's advantages

  • JSX

  • Challenges after every topic

  • JSX attributes

  • Inline styling for react elements

  • Javascript ES6 concepts

  • React props

  • Mapping data to components

  • Using React dev tools

  • Login Project

  • React router and project

  • React Hooks

  • Event handling

  • form handling

  • Todo list project

I've built the course that I would have wanted to take when I was learning React. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.


Complete React Bootcamp - Build Hands on projects
Complete React Bootcamp - Build Hands on projects
Complete React Bootcamp - Build Hands on projects
Complete React Bootcamp - Build Hands on projects




Installing the TextEditor's

What is react? and it's advantages

Creating our very first react app

using codesandbox and learning react

Introduction to React apps jsx

React app challenge

more about JSX

More challenges on JSX

JSX attributes and styling the elements

Inline styling for react elements

React components

React components challenge

Javascript es6: Import export function

props in react

React props practice

Mapping data to components

tips on using React tools

Conditional Rendering

Login project and conditional Rendering in React

React router

React router and Project

react Hooks

Learning React hooks and counter project

React Hooks challenge

Event Handling and forms

Event Handling and forms

Handling form components,functional and class components

Todo list project

changing complex state JSX

ES6 spread operator

Todo list project


Mauro9 January 2021

The teacher improvises, spends a lot of time doing tasks that should be ready before recording, it is not explained well, it repeats a lot, to be a basic course I do not recommend it.

Igor9 January 2021

Not enough explanation why it's required to do something. Over here and over there as refers the author is not sufficient to understand the logic

Valeria8 January 2021

The course is very complete and understandable, however you must know at least javascript basics to be able to take it.

Shantanu7 January 2021

justt niceee not great , i think he is also beginner in teaching or in this udemy stuff buttt heee is teachinggg verryyyyyyyyyyy nicelyyy nd easyyyy language nd riiight things

Nishi7 January 2021

It is a good course for me. I wanted to learn react asap. I want the concepts to be little more clear and quicker. But I do understand that it is designed from a beginners perspective.


9/10/202090% OFFExpired
1/3/2021100% OFFExpired


Udemy ID


Course created date


Course Indexed date
Course Submitted by