|
✭ Module 1: Introduction to React.js
- What & Why React.js?
- Difference Between React.js and Other Frameworks
- Understanding Virtual DOM
- Setting Up Development Environment
|
|
|
✭ Module 2: JavaScript & ES6 Refresher
- ES6 Features Overview
- Let, const, and Arrow Functionss
- Template Literals
- Destructuring Assignment
- Spread and Rest Operators
|
|
|
✭ Module 3: Setting up React Application
- Installing Node.js and npm
- Creating React App with Vite
- Project Structure Overview
- Introduction to JSX
|
|
|
✭ Module 4: Components in React.js
- What are Components?
- Class Components vs Functional Components
- Props and State
- Event Handling
- Conditional Rendering
|
|
|
✭ Module 5: Lists, Keys, and Forms
- Rendering Lists
- Keys in React
- Controlled vs Uncontrolled Components
- Handling Forms and Form Validation using Formik & Yup
|
|
|
✭ Module 6: React Hooks
- Introduction to Hooks
- useState Hookt
- useEffect Hook
- useContext Hook
- Custom Hooks
- useRef and useReducer Hooks
|
|
|
✭ Module 7: Routing in React.js
- React Router Setup
- Basic Navigation
- Route Parameters/ QueryString Parameters
- Protected Routes
|
|
|
✭ Module 8: API Integration & Axios
- Fetching Data with Fetch API & Axios
- CRUD Operations
- Error Handling
- Async/Await with API Calls
- Building a CRUD operation
|
|
|
✭ Module 9: State Management
- Context API
- Prop Drilling
|
|
|
✭ Module 10: Performance Optimization
- Lazy Loading Components
- Suspense & Lazy Loading
|
|
|
✭ Module 11: Authentication & Authorization
- JWT Authentication with ReactJs
- Protected Routes
|
