Introduction of React.JS

• Pre-requisites
• HTML
• CSS 2.0 & 3.0
• JAVASCRIPT ES5,ES6 AND LATEST
• BOOTSTRAP
• About React
• Features
• Advantage of React.JS

Environment Setup

• Install Node.JS with NPM
• Install Global Packages
• Add Dependencies
• Run React Project on Browsers

JSX

• What is JSX
• Using JSX
• Nested Elements
• Attributes
• Javascript Expressions
• React Fragment

Components

• Stateless functional based Component
• Stateful class based Component

Element Rendering

Ways to bind event in class based

• Constructor binding
• Inline event Binding

Data Binding

Dynamic data rendering

props Overview

• Using Props
• Default Props
• State and Props
• Props Validation

Component API

• Set State
• Force Update
• Find DOM Node

Component Life Cycle

• Lifecycle Methods

Forms

• Form Validation

Refs

• What is Refs?
• Using Refs

Keys

• What are Keys?
• Using Keys

Router

• Install a React Router
• Add a Router
• Create Component

REACT HOOKS

• useState
• useEffect
• useCallback
• useMemo
• useContext
• useCallback

Flux Concepts

• What is Flux
• Flux Elements
• Flux Props

Using Flux and Redux

• Install REDUX
• Creating Component
• Working with States
• Composing Components
• Actions
• Event Handlers
• Reducers
• Store
• Root Component

Higher-Order Component

• What is Higher-Order Component?

Error Boundaries

Introduction to Next.JS

Event Handling in React

Google Authentication

Firebase

API Integration

Tailwind CSS

Portals

React Icons

React Bootstrap

CSS modules