React JS – Basic to advanced

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

A complete beginners guide to learn React JS from scratch with hands-on practice assignments and projects.

Skill level: Beginner Level

Languages: English

Captions: Yes

Lectures: 18

Video: 3.5 total hours

Description

This course is a complete guide for the React JS. Here, you will learn all the concepts required for becoming a frontend React JS developer. If you are new to the web development field or a professional 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 matter of few years, 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 basic 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 again and again.

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.

What you’ll 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

Are there any course requirements or prerequisites?

Good understanding of HTML5, CSS3

A good knowledge of Javascript and Modern Javascript – ES6

Who this course is for:

Beginners who just started to work in web development field

Beginner web developers who want to learn React JS web framework

Developers who have basic knowledge of Javascript and want to add React JS in their skill set

Web Developers who want to learn React JS from scratch and want to get promotions in their job

Professionals, already working with other web frameworks like Angular or Vue and want to learn React JS

Frontend Web Developers who wish to change their working technology domain by learning React JS

About Instructor

KhanA

2 Courses

Not Enrolled

Course Includes

  • 18 Lessons

Ratings and Reviews

4.8
Avg. Rating
5 Ratings
5
4
4
1
3
0
2
0
1
0
What's your experience? We'd love to know!
GloryD
Posted 3 months ago
Excellent course with lots of fun practical projects to work on

Excellent course with lots of fun practical projects to work on. My only complaint is that he goes too fast at times and I have to rewind frequently in order to keep pace.

GloryD
Posted 3 months ago
Excellent course with lots of fun practical projects to work on

Excellent course with lots of fun practical projects to work on. My only complaint is that he goes too fast at times and I have to rewind frequently in order to keep pace.

trent
Posted 3 months ago
Quite good

The course is quite good. However, it might still need to be updated, some projects no longer work as presented in the course. Also, the deprecated lessons should be taken out if they are no longer part of the course. Anyway, I don't know if they are useful anymore as JS and React have suffered quite major changes since their release in 2016/2017... Some basic redux lessons should be included as i

linda
Posted 3 months ago
Outstanding Course!

Outstanding Course, I was finally able to clarify my basic concepts in React. Loved the course. Easy to understand and interesting! I am really enjoying it.

HaleyT
Posted 3 months ago
Very clear explanation

Very clear explanation. He explains every idiom related to the topic theoretically and with examples so you can have a complete idea about what is going on. The application examples are very well explained. I would highly recommend this course to everyone.

Show more reviews
What's your experience? We'd love to know!