React JS Course Content & Timeline
Week Module Topics Covered Days
Week 1 Module 1: JavaScript - Variables and constants (`let`, `const`) 4 Days
Essentials for React - Arrow functions
- Template literals
- Destructuring and spread/rest operators
- Default parameters
- Modules (`import`/`export`)
- Promises and `async/await`
- Array methods (`map`, `filter`, `reduce`)
- Simple fetch request example
Module 2: React.js - Introduction to React 3 Days
Overview - Setting up environment (Node.js, npm, create-react-app)
- JSX and Virtual DOM
- Functional vs. Class components
- Props and state
- Handling events
- Rendering lists and keys
- Forms and controlled components
- React Developer Tools
Week 2 Module 3: Advanced - React Context API: Managing global state 6 Days
React.js - React Hooks (`useState`, `useEffect`, `useContext`, custom
hooks)
- Routing with React Router: Setting up routes, dynamic and nested
routes
- State management: Lifting state up, Redux/Zustand basics
- Performance optimization: `React.memo`, `useMemo`,
`useCallback`, `React.lazy`
- Error boundaries
Week 3 Module 4: Creating - Introduction to npm packages 3 Days
Libraries for React (NPM - Setting up an npm project
Packages) - Building reusable components
- Publishing to npm registry
- Best practices for versioning and maintenance
Module 5: API Integration - Introduction to APIs (REST principles, Postman) 4 Days
- Fetching data using Fetch API and `axios`
- Managing API responses, loading, and error states
- Dynamic data binding in React
- Implementing authentication using JWT
Week 4 Module 6: Essential Tools - Git and GitHub: Repository setup, basic commands (commit, 3 Days
for Beginners push, pull), pull requests
- ESLint and Prettier basics
- Debugging React applications
- Firebase deployment: Setting up Firebase, deploying React
applications
Capstone Project - Build a real-world e-commerce application 4 Days
- Product listing with API integration
- User authentication
- Responsive design with Tailwind CSS
- Deploy the application using Firebase
Weekly Breakdown
Week Focus Estimated Completion
Week 1 JavaScript essentials + React basics Finish Module 1 & 2
Week 2 Advanced React concepts Finish Module 3
Week 3 NPM libraries and API integration Finish Module 4 & 5
Week 4 Tools, Firebase deployment, and Project Finish Module 6 & Capstone Project
