React.js – 8 Week Syllabus
Week 1
- Introduction to React & Environment Setup (Node.js, npm, Vite/CRA)
- Project Structure & JSX Basics
- Functional Components vs Class Components
- Props and State Basics
Week 2
- Event Handling in React
- Conditional Rendering & Lists
- Styling in React (CSS Modules, Styled Components, Tailwind basics)
- Reusable Components & Component Communication
Week 3
- React Hooks Introduction (useState, useEffect)
- Forms in React (Controlled vs Uncontrolled Components)
- Form Validation Basics
- Handling Events in Forms
Week 4
- React Router Introduction
- Nested Routes & Dynamic Routing
- Navigation & URL Parameters
- Protected Routes (Route Guards Equivalent)
Week 5
- useReducer Hook & Advanced State Handling
- Context API for State Management
- Custom Hooks
- Working with APIs (fetch, axios)
Week 6
- Advanced Hooks (useRef, useMemo, useCallback)
- Component Lifecycle in Functional Components
- Error Boundaries
- Introduction to UI Libraries (Material UI, Ant Design, Chakra UI)
Week 7
- State Management with Redux / Zustand / Recoil
- Redux Toolkit Basics (slices, store, dispatch)
- Code Splitting & Lazy Loading
- Performance Optimization (memoization, React DevTools)
Week 8
- Unit Testing React Components (Jest + React Testing Library)
- End-to-End Testing (Cypress/Playwright)
- Mini Project in React (Blog App / Todo with API / Ecommerce Mini)
- Final Assessment & Revision
