• React Js

React JS

React is an open-source JavaScript library that is used for building user interfaces specifically for single-page applications. It’s used for handling the view layer for web and mobile apps. React also allows us to create reusable UI components. It is a JavaScript  library for building user interfaces. React is used to build single-page applications. React JS is not a framework. We know that React is really good at handling the view. While doing so, you’ll see a lot of perks of React such as modularity and separations of concerns. React allows you to recycle components multiple times in a single web application. React JS is a declarative, efficient, and flexible JavaScript library for building reusable UI components. It is an open-source, component-based front end.


  • Getting Started::
  • CDN Links
  • Installation
  • NodeJS
  • Package.Json
  • NPM(Node Package Manager):
  • Web Pack
  • Babel
  • Javascript Basics

Pre Requirements (Knowledge Needed):




1.Basic Concept:


  • 2.Component:

  • Function Component:
  • Class Component:
  • Component & Component Phases


  • 4.Props:

  • Pass Props in Components
  • Default Props
  • Props Type
  • Render Props
  • Type Checking with Prop Types
  • Composing Components
  • Array, List Rendering with Map
  • Key & Index Concept in Map Loop
  • 5.State Management

  • State
  • State Update
  • Lifting State Up
  • 6.Lifecycle Methods:

  • Mounting
  • Un Mounting
  • 7.Handling Events:

  • Passing Arguments to Events
  • Conditional Rendering
  • Lists and Keys
  • 8.Forms:

  • Controlled Components
  • Uncontrolled Components
  • Forwarding Refs
  • Refs and the DOM

 9.Advanced Concept:

  • Context API:
  • React.createContext
  • Context.Provider
  • Class.contextType
  • Context.Consumer
  • Higher-Order Components
  • Integrating with Other Libraries
  • JSX In Depth
  • Static Type Checking


  • Introducing Hooks
  • Hooks at a Glance
  • Rules of Hooks
  • Using the useState Hook
  • Using the useEffect Hook
  • Custom Hooks

React with CSS
React with Bootstrap

14.React Routing: 

React Routing Design
Routing Hooks
Page Not Found Problem

15.Error Boundaries:
Catch Error

16.React Warning:
 Strict Mode

17. React Consuming REST API:

 React Fetch Data.

18.State Management:

19.React Context API with Redux:
Need to use Redux
Redux Principals
Actions, Reducers, Stores, Providers
Redux Middleware’s

20.Node Js Introduction:
Async / Await
ExpressJs Introduction

21. Create Project Using React: Good Luck!