Module 1: Introduction to React

• What is React and Why React

• Declarative vs Imperative Programming

• Component Architecture

• One-Way Data Flow

---

Module 2: Setting up React

• React Installation

• Analyzing a Standard React Project

• Introduction to JSX

---

Module 3: Functional Components

• Creating Functional Components

• Props with Functional Components

• State Management in Functional Components

---

Module 4: Class Components

• Creating Class Components

• Props with Class Components

• Constructor Method

• State in Class Components

---

Module 5: Destructuring Props and State

• Destructuring in Functional and Class Components

---

Module 6: Event Handling in React

• Events and Event Handling

• Binding Event Handlers

• Passing Methods as Props

---

Module 7: Conditional Rendering

• Introduction to Conditional Rendering

• Techniques for Conditional UI

---

Module 8: List Rendering and Keys

• List Rendering in React

• Using Keys for List Items

---

Module 9: Styling in React

• Inline CSS in React

• CSS Stylesheets in React

• CSS Modules

---

Module 10: Bootstrap in React

• Installing and Using Bootstrap

• Basic Bootstrap Components in React

---

Module 11: Introduction to React Hooks

• Why Hooks? Overview

• Difference between Class and Functional Components using Hooks

---

Module 12: useState Hook

• Managing Simple State

• Managing Complex Objects and Arrays

---

Module 13: useEffect Hook

• Introduction to useEffect

• Conditionally Running Effects

---

Module 14: useContext Hook

• Introduction to Context API

• Using Context API with useContext Hook

---

Module 15: Forms in React

• React Forms and Form Handling

• Controlled Components

• Handling Multiple Inputs

• Working with Dropdowns, Textarea, and Checkboxes

---

Module 16: Refs in React

• Introduction to REFS

• Uncontrolled Components

• Callback Refs

• useRef Hook Usage

---

Module 17: Introduction to React Router

• Installing and Setting Up React Router

• Configuring Routes and Links

---

Module 18: Advanced Routing

• Nested Routes

• Dynamic Routing

• Index Routes

• useParams and useSearchParams

---

Module 19: Routing Features

• Active Links

• Navigating Programmatically

• Handling 404 Pages

• Relative and Absolute Paths

---

Module 20: Lazy Loading and Form Validation

• Code Splitting with Lazy Loading

• Basic Form Validation Concepts

---

Module 21: Forms with Formik and Yup

• Working with Formik

• Validations using Yup

• Advanced Form Handling using Formik Components

---

Module 22: React Bootstrap Components

• Using React Bootstrap Library

• Building Layouts (Grid, Container)

• Components like Cards, Navbar, and Carousel

---

Module 23: Working with Axios in React

• Introduction to Axios

• Making GET and POST requests

• CRUD Operations using Axios

---

Module 24: State Management with Redux

• Introduction to Redux Concepts

• Actions, Reducers, Store

• Middleware, Redux Thunk, Async Actions

• Using Redux with Hooks

---

Module 25: Final Capstone Project

• Building a Shopping Cart App

• Using Context API and Reducers

• Adding Modal and Portal

• Advanced State Management

• Completing and Deploying Project