Watch Course Preview
Course Preview

ReactJS Course

Self Paced Course

53 Videos

Video Course

12 Notes

Quick Notes

9 Labs

Hands-on Labs


Learn to implement

3 Tests

Skill Tests

17 Videos

 Interview Q&A

React Course Overview

The React course is designed to equip you with the expertise needed to construct contemporary and expandable web applications. You will gain mastery over React, Redux, and React Native concepts. Throughout this React Course, you will acquire the skills necessary to construct basic components and seamlessly integrate them into more intricate design components. Furthermore, the course covers fundamental React concepts like JSX, Redux, data fetching, and the successive deployment of applications to cloud platforms.

Course objectives

Participants in this React JS course will have the following skills after completing this course:

  1. Describe JavaScript and ES6 concepts like objects, classes, arrow function
  2. Explore React basic and advanced in-depth concepts
  3. Create components, routing and forms validations etc.
  4. Explore Redux's basic and advanced in-depth concepts
  5. Create REST Services using Web API
  6. Consume REST API using Axios
  7. Implement Authentication and Authorization for users
  8. Building Responsive UI using Bootstrap
  9. Implement token-based security
  10. Publish their App on the cloud server

Included in this ReactJS Course

  •   Video Course 53 Videos
  •   Quick Notes 12 Notes
  •   Labs 9 labs
  •   Projects Project(s)
  •   Skill Tests 3 Tests
  •   Q&A 17 Videos

Course Overview

Course Overview 0h 01m 29s


Introduction to React Preview 0h 05m 00s
React Top-Level APIs 10m 00s

React CLI

Getting Started with React Preview 13m 03s

JavaScript XML (JSX)

JSX and Transpiler 04m 00s
JSX in Action 17m 16s

React Components

Introduction to Component Preview 0h 13m 54s
React Components Props 0h 17m 05s
React Components State 0h 15m 11s

Data Binding and Event

Data Binding And Events Preview 08m 15s
Events in React 0h 07m 29s

React Routing

React Routing Basics 0h 14m 20s
React Routing Using Link 0h 05m 11s
React Routing Using Navlink 0h 03m 13s
React Routing With Route Parameters 0h 04m 54s

React Advanced Routing

React Routing With Login Logout State 0h 11m 57s
React Nested Routes 0h 12m 21s
React Lazy Loading 0h 10m 49s

Course Overview

Course Overview 0h 01m 49s

Inheritance and Composition

React Component Inheritance 05m 11s
React Component Composition 0h 05m 26s
Passing Data to Child Component 0h 10m 57s

Component Life Cycle Hooks

React Component Life Cycle 0h 15m 01s

React Hooks

Introduction 02m 00s
State Hook 02m 00s
useEffect Hook 01m 00s

Course Overview

Course Overview 0h 01m 40s

React Forms

Controlled and Uncontrolled Forms Preview 0h 14m 37s

Form Validations

Form Validation Part-1 12m 54s
Form Validation Part-2 15m 49s
Form Validation Part-3 0h 03m 10s

Lab Overview

Overview Preview 00m 38s
Learning Outcome Preview 00m 46s


Prerequisites 00m 31s

Hands-On Lab

Signup UI with Bootstrap and Formik 0h 06m 21s
Formik and Submit handler 03m 46s
Validations with Yup 13m 27s

Course Overview

Course Overview 02m 17s

Redux and React Redux

Introduction to Redux Preview 0h 02m 10s
Introduction to React Redux Preview 01m 26s
When to Use React Redux? 02m 10s

Redux Flow

Data Flow : without Redux vs with Redux 02m 12s
Redux Flow 04m 44s

Setting Up Redux

Creating React App 11m 59s
Creating Action 04m 55s
Creating Reducer 08m 43s
Creating Store 02m 28s

React with Redux

Connecting React Components with Store 03m 29s
connect() Method 15m 02s
Accessing and Updating Store 0h 07m 39s

Course Overview

Course Overview 2h 04m 00s

ASP.NET Web API and React

ASP.Net Web API Introduction 0h 05m 23s
ASP.Net CRUD Operations 0h 18m 45s
Quick Notes Notes (12)

React CLI


JavaScript XML (JSX)


React Components


React: Data Binding and Event


React Routing


React: Inheritance and Composition


React Component Life Cycle


React Hooks


React Forms


React Form Validation with Formik and Submit handler


Redux and React Redux


ASP.NET Web API and React


Hands-On Labs Labs(9)

JSX and Data Binding


Configuring Routing and Using Local Storage


Components and Data Passing


Creating Cascade Dropdown Lists


Form Validations Using React-Hook-Form Library


Listing, Paging, Sorting, and Searching


CRUD Operations with React and Node.js


Push React Code to GitHub


Hosting React App with Node.js


Lab Overview

Lab Overview 00m 49s


Prerequisites 00m 21s

Hands-On Lab

Demo 04m 09s
Basic UI for Autocomplete 06m 01s
Bare Minimum Autocomplete Search 15m 08s
Outside Click and Highlight Chars 18m 21s
Customizations 11m 29s

Course Overview

Course Overview 02m 21s

Setting Up Project

MERN Stack App Structure 02m 58s
Setting Up Back End 05m 05s
Setting Up Front End 05m 07s

Building Front End

Creating Containers & Components 06m 15s
Setting Up Routing 14m 08s

Axios and Services

Defining API Client Using Axios 10m 26s
Creating Services 06m 27s

CRUD Operations

Create Operation Part1 19m 20s
Create Operation Part2 15m 18s
Retrieve Operation 06m 17s
Update Operation 08m 02s
Delete Operation 06m 24s


Preparing Code For Deployment 07m 22s
Preparing Build Using Gulp 04m 21s
IIS Deployment 04m 05s
Skill Tests Tests (3)

React: JavaScript Fundamentals

10 Questions

React: Getting Started

10 Questions

React Fundamentals

10 Questions

Introduction to React Q&A

Introduction to React Preview 00m 45s

React History

React History Preview 07m 21s

Single Page App (SPA)

Single Page App (SPA) 07m 16s

React CLI

React CLI 10m 24s

React Building Blocks

React Building Blocks 13m 23s


JSX 03m 24s

Introduction to React

Introduction to React Preview 00m 35s

Data Binding

Data Binding Preview 07m 46s

State, Props, and Refs

State, Props, and Refs 09m 34s

React Components

React Components 07m 05s

React Routing

React Routing 13m 33s

course Overview

Course Overview Preview 0h 01m 26s

Advanced Components and Hooks

Advanced Components 0h 25m 04s
Hooks 0h 11m 00s

forms and validations

Forms and Validations 0h 07m 12s

React Redux and Unit Testing

React Redux 0h 16m 31s
Unit Testing 0h 16m 47s

Our Students Reviews

Frequently Asked Questions

Q1. What is Self Paced course offered by Dot Net Tricks?

Online Self Paced Courses are designed for self-directed training, allowing participants to begin at their convenience with structured training and review exercises to reinforce learning. You'll learn through videos, PPTs, and Assignments designed to enhance learning outcomes, all at times that are most convenient for you.

Q2. Who are your mentors?

All our mentors are highly qualified and experience professionals. All have at least 8-10 yrs of development experience in various technologies and are trained by Dot Net Tricks to deliver interactive training to the participants.

Q3. How would I get access to the Learning Content?

As soon as you enroll in the course, you will get access to the course content through LMS (The Learning Management System) in the form of a complete set of Videos, PPTs, PDFs, and Assignments. You can start learning right away.

Q4. How do I enroll for the course?

You can enroll in the course by doing payment. Payment can be made using any of the following options.

  1. Visa debit/credit card
  2. Net banking
  3. Through PayPal

Q5. Student discounts?

Yes, Dot Net Tricks provides student discount to learners who cannot afford the fee. Email us from your student account, or attach your student ID.

Q6. Can I share my course with someone else?

In short, no. Check our licensing that you agree to by using Dot Net Tricks LMS. We track this stuff, any abuse of copyright is taken seriously. Thanks for your understanding on this one.

Q7. How do I setup my team?

Please drop us an email with a list of user details like name, email you’d like to enroll and have access, we'll create your team accounts.

Q8. Do you provide technology version upgrade session free?

Yes, we do. As the technology upgrades your content gets updated at no cost.

Q9. Whom do I contact, if I have more queries?

You can give us a CALL at +91 113 303 4100 OR email us at

Q10. Do you offer certificates of completion?

We do. Once you've finished a course, reach out to us.

Still have some questions? Let's discuss.
This course includes
57.12 % OFF
₹ 1,770 ₹ 749
12 months unlimited access to the course.

Access all courses with our subscription plan.
All courses, One subscription!
Accept cookies & close this