1. Prerequisites
- HTML5 (Forms, Semantic Tags)
- CSS3 (Flexbox, Grid, Responsive Design)
- JavaScript (ES6+)
• let, const
• Arrow functions
• Destructuring
• Spread operator
• Modules (import/export)
• Array methods (map, filter, reduce)
• Promises
• Async/Await
2. Introduction to React
- What is React?
- Why React?
- SPA (Single Page Application)
- Virtual DOM
- React vs Angular vs Vue
- Setting up React (CDN, Create React App, Vite)
3. JSX
- What is JSX?
- Embedding Expressions
- JSX Rules
- JSX vs HTML
- Rendering Elements
4. Components
- Functional Components
- Class Components (Overview)
- Folder Structure
- Exporting & Importing
- Reusable Components
5. Props
- Passing Props
- Props Destructuring
- Default Props
- Children Props
6. State
- useState Hook
- Updating State
- Multiple States
- State vs Props
7. Events in React
- Handling Events
- Event Binding
- Passing Parameters
- Controlled vs Uncontrolled Components
8. React Hooks
- useState
- useEffect
- useRef
- useContext
- useMemo
- useCallback
- Custom Hooks
9. Conditional Rendering
- if/else
- Ternary Operator
- Logical AND (&&)
- Switch Case
10. Lists & Keys
- Rendering Lists
- map() in React
- Keys Best Practices
11. Forms in React
- Controlled Components
- Validation
- Form Submission
- React Hook Form (Intro)
12. Routing
- React Router Setup
- BrowserRouter
- Routes & Route
- Link & NavLink
- useNavigate
- URL Parameters
- Nested Routes
13. API Integration
- Fetch API
- Axios
- Loading & Error Handling
- CRUD Operations
14. Context API
- Creating Context
- Provider & Consumer
- useContext Hook
15. State Management
- Lifting State Up
- Prop Drilling
- Redux & Redux Toolkit (Intro)
16. Styling in React
- CSS Modules
- Inline Styling
- Styled Components
- Tailwind CSS
- Bootstrap Integration
17. Performance Optimization
- React.memo
- useMemo
- useCallback
- Lazy Loading
- Code Splitting
18. Deployment
- Build Process
- Deploy to Netlify
- Deploy to Vercel
- GitHub Pages
- Hosting Server
19. Advanced Topics
- Higher Order Components (HOC)
- Render Props
- Error Boundaries
- Portals
- Fragments
- Strict Mode
20. Project Ideas
- Counter App
- Todo App
- Weather App
- Movie Search App
- Student Management System
- E-commerce UI