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.

INSTALLATION

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

Pre Requirements (Knowledge Needed):

HTML, CSS, JAVASCRIPT(ES6)

TypeScript

1.Basic Concept:

• Create React Project
• React Project Structure
• Hello World
• Introducing JSX
• React Virtual Dom
• Rendering Elements

• 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

11.HOOKS:

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

12.Styling:
React with CSS
React with Bootstrap

14.React Routing: 

React Routing Design
Redirection
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:
NPM
Async / Await
Promises
ExpressJs Introduction

21. Create Project Using React: Good Luck!