Web Development


The Complete ReactJs Course - Basics to Advanced (2021)

Learn React JS from scratch with hands-on practice assignments and projects.

4.28 (1834 reviews)

The Complete ReactJs Course - Basics to Advanced (2021)


3.5 hours


May 2020

Last Update
Regular Price

What you will learn

Introduction to what is React and its basic concepts

Learn what is JSX and how it works behind the scenes

Learn what are the stateful and stateless components and when to use them

Working with function based and class based components

Working with React Modules, importing and exporting the modules

Learn in detail about how the render method works

React component lifecycle and different lifecycle methods

Creating dynamic websites with help of re-usable components

Creating a proper working structure for a project from scratch which will help maintaining the project for long term


What is this course about?
The Complete React JS Course  - Basics to Advanced
this course is a complete guide for React JS. Here, you will learn all the concepts required for becoming a front-end React JS developer. If you are new to web development or a professional developer who's creating websites with plain old javascript or jQuery, this is your time to learn React JS and take your web development skills to the next level and impress your recruiter or clients.

React JS is gaining rapid popularity. In a very short time, it has become the most widely accepted web development JavaScript library. This is the right time for you to learn and add React JS to your skillset and excel in your career.

This course is designed in a way that anyone can understand the journey from the basics to advanced concepts of React with simple explanations by the instructor along with hands-on assignments and projects.

In the first part of this course:

  • We cover what is React JS, how it uses JSX, how the compilation is done behind the scenes using babel to browser understandable plain old HTML, CSS, and javascript.

  • After that, we explain 'components' which are the basic building blocks of a web page while working with React JS. We also cover the stateless and stateful components and when to use those components as well.

In the next section, we learn how to create modules in React JS and how to import or export those modules to other files so that we can reuse the same set of code.

In the following section, we will work on how do we style the components using CSS modules and how to create a nice user-friendly mobile responsive website.

We also cover how to work with props, how to pass data from stateful to stateless components, and how to pass functions from one component to another component.

We explain the different lifecycle methods of a React Component and how we can access and modify the data between these lifecycles using the various lifecycle methods available to us.

We will keep on adding more videos to the course as we are creating them. These videos will be available to you soon.

Who's teaching you in this course?

I am a Computer Science graduate highly rated instructor with a rating of 4.3 and more than 200k students on Udemy, I have been part of the corporate circle since his college days. In my early days, I was part of a startup team delivering production grid android apps. Currently, I am a lead developer at EdYoda. I’m responsible for the entire front-end development & integration with the back-end. React, Python, Django is my areas of expertise. I have been delivering corporate training for Android, React, Javascript, Python & Django. I have an eye for detail & that makes me suited for delivering a finished product. I’m a fitness freak & working out is the favorite thing to do in my spare time.

I want everyone to enjoy the learning process and I have shared my knowledge that will be helpful for React developers.

Enroll now! see you in class

Happy Learning!
Team EdYoda


React Introduction

ReactJS - Introduction

ReactJS - Understanding SPAs and MPAs

ReactJS - Creating our First React App

ReactJS - Project Structure created by CRA


ReactJS - Introduction to JSX

ReactJS - JSX Behind the Scenes

ReactJS - Adding Styles to React Elements

ReactJS - Create React Elements Dynamically

Introduction to Components

ReactJS - Creating our First React Component

ReactJS - Passing Data to Components using Props

Import and Export Modules

ReactJS - Import and Export of Modules

Styling Components

ReactJS - Introduction to CSS Modules

ReactJS - Creating Mobile Responsive Components

Components in Details

ReactJS - Stateful vs Stateless Components

ReactJS - Creating Class-based Components

ReactJS - More about setState() Method

ReactJS - Passing Props to Class-based Components

ReactJS - Passing Function as Props


Terence14 April 2021

The assignment heartbeat font wasn't mentioned prior to the practice assignment. Also, in the video it mentioned that it would talk about hooks, but it never did.

Adadi29 March 2021

the course didn't cover advanced topic.Anyway i will still recommend it to any one that wants to get started with react

Jack20 March 2021

It was great! Even though it does not cover a lot of React, the basics are nicely explained and it has nice examples. I wish it covered more of React, and also it would be better if you got a better microphone hahaha. There are some things that were more complicated than needed, but nothing too crazy. Thanks for offering this for free, and good luck with your other courses!!

Mark15 March 2021

The audio affects the lecture and I hope we use the latest approach. Anyways, this is a good refresher course for react developers who know react already.

Rafael26 February 2021

Der Titel mit "Advanced 2021" ist übertrieben. Neuere Best Practices bspw. Hooks werden nicht angesprochen. Auch advanced ist deutlich übertrieben. Zu Advanced gerade wenn er am Anfang SPA erwähnt, sollte mindestens noch Routing beinhalten. Globales Statehandling wird ebenfalls nicht behandelt. Allem in allem ein vernünftiges, älteres Beginner Tutorial für React. Von Advanced oder '2021' jedoch keine Spur.

Arize25 February 2021

It’s been the best beginners video I have come across thanks so much I won’t forget this gift you gave me

Janani6 February 2021

I strongly recommend this course to the absolute beginners like me out there. Examples are simple for my understanding and explanations are given clearly. The videos kept me engaged and never felt bored or zoned out so far. Thanks to the tutor!

Sébastien2 February 2021

Nice introductory course to React, to understand the core of it, how state and props behave, how to optimize renders, and a good final exercise, to make plentiful mistakes and learn from it!

Anupam30 December 2020

Well, the instructor explained the concept very well but there is nothing advance in this course. It could be improved with adding state management support (maybe using redux) and hooks.

Matías15 October 2020

The intro music is too loud. First classes were well explained and the examples were good but in the last ones sometimes you loose track of what he is doing.

Manjunath15 September 2020

Was very bad introduction about React and the voice felt like noisy. Expected more from the Udemy, got nothing so far. It's getting worse by each video, I would like to quit the session and get back my money. Can I do that?

Esther5 June 2020

Great course to learn.There was some little interference of background sound, aside that I like this course.

prashant29 May 2020

I think this course does not include the topic of advance react. Hope in future react hooks redux and router will be added

Subramanyam14 May 2020

Training classes are excellent much more insightful in understanding the react internal behavior looking forward for other topics on react. Good Luck!! Thanks

Prithviraj6 May 2020

One of the best course on internet i have found. Instructor is really good at explaining concepts, course covers proper handson as well


9/24/202050% OFFExpired
10/13/2020100% OFFExpired
10/26/2020100% OFFExpired
11/16/2020100% OFFExpired
11/27/2020100% OFFExpired
12/11/2020100% OFFExpired
12/24/2020100% OFFExpired
2/18/2021100% OFFExpired
3/17/2021100% OFFExpired
3/27/2021100% OFFExpired
4/1/2021100% OFFExpired
4/7/2021100% OFFExpired
4/20/2021100% OFFExpired
5/17/2021100% OFFExpired
7/2/2021100% OFFExpired
7/8/2021100% OFFExpired
7/20/2021100% OFFExpired
8/9/2021100% OFFExpired
8/17/2021100% OFFExpired
9/7/2021100% OFFExpired


Udemy ID


Course created date


Course Indexed date
Angelcrc Seven
Course Submitted by