What is React?

Features and Benefits of React

Understanding SPA (Single Page Applications)

React vs Angular vs Vue

Setting up the Development Environment (Node.js, npm, Create React App)

JSX (JavaScript XML)

Components and Props

Functional vs Class Components

Rendering Elements

React Fragments

Conditional Rendering

Lists and Ke

Understanding State

Using useState() Hook

Class Component State and Lifecycle Methods (componentDidMount, etc.)

Event Handling in React

Lifting State Up

Introduction to React Hooks

Common Hooks:

• useState

• useEffect

• useContext

Advanced Hooks:

• useReducer

• useCallback

• useMemo

• useRef

Controlled vs Uncontrolled Components

Handling Form Inputs and Submissions

Form Validation Techniques

Introduction to React Router

Setting up Routes

Navigation with Link and NavLink

URL Parameters and Query Strings

Nested Routes

Redirects and Error Pages

Inline and External CSS

CSS Modules

Styled Components

Using Frameworks: Bootstrap / Material UI / Tailwind CSS

Prop Drilling Problem

Context API

Redux Basics: Actions, Reducers, Store

React-Redux Integration

Redux Toolkit

Fetching Data with fetch() and Axios

Handling API Responses and Errors

Using Async/Await in React

Displaying Data from APIs

React Performance Optimization

Code Splitting and Lazy Loading

Error Boundaries

Portals

Refs and Forwarding Refs

Introduction to Testing

Jest and React Testing Library

Snapshot Testing

Component and Integration Tests