Chai aur React: study plan and how long it takes
The Chai aur Code playlist is 35 videos and 20.1 hours long. Here's how long it takes at different paces, a week-by-week schedule built from the real videos, and a planner that turns it into your own daily plan.
35 videos · 20.1 hours · Chai aur Code
Chai aur React is Hitesh Choudhary's React course in Hindi, with projects throughout: building your own mini React library to understand JSX, Tailwind and props, useEffect, useRef and useCallback, Context API, Redux Toolkit, and a mega blog project with Appwrite, forms and deployment, plus connecting a frontend to a backend.
It explains how React works internally before using it, which makes the later projects easier.
Who it's for: JavaScript developers who want to learn modern React in Hindi through projects.
How long does it take?
The full playlist is 20.1 hours across 35 videos. Here's roughly how many days that is at different daily watch times and speeds, counting video time only:
| Daily time | At 1x | At 1.5x | At 2x |
|---|---|---|---|
| 30 min a day | 41 days | 27 days | 21 days |
| 1 h a day | 21 days | 14 days | 11 days |
| 2 h a day | 11 days | 7 days | 6 days |
Make your own schedule
The playlist link is already filled in. Press Plan, set how much time you have each day and your speed, and you'll get a day-by-day schedule with a finish date and a calendar file. It reads the live playlist, so new videos are included.
Week-by-week schedule
A sample plan at 1 hour a day and normal speed, using whole videos so none is split across days. That's 4 weeks in total. For a different pace, start date or speed, use the planner above.
Week 1Videos 1–10 · 5h 13m
Day 1 · 30m
- 1React JS roadmap | chai aur react series30m
Day 2 · 35m
- 2Create react projects | chai aur react35m
Day 3 · 36m
- 3Understand the react flow and structure36m
Day 4 · 46m
- 4Create your own react library and JSX46m
Day 5 · 50m
- 5Why you need hooks and project28m
- 606 Virtual DOM, Fibre and reconciliation21m
Day 6 · 58m
- 7Tailwind and Props in reactjs32m
- 8A react interview question on counter8m
- 9Building a react project | bgChanger18m
Day 7 · 57m
- 10useEffect, useRef and useCallback with 1 project57m
Week 2Videos 11–19 · 6h 54m
Day 8 · 1h 2m
- 11Custom hooks in react | currency Project1h 2m
Day 9 · 1h 5m
- 12React router crash course1h 5m
Day 10 · 1h 13m
- 13Context API crash course with 2 projects1h 13m
Day 11 · 1h 16m
- 14Context api with local storage | project1h 16m
Day 12 · 1h 10m
- 15Redux toolkit crash course | Chai aur React Series1h 10m
Day 13 · 34m
- 16What is your choice for Mega Project in React?8m
- 17Our mega project in React | The hard way10m
- 18Appwrite backend for react project15m
Day 14 · 34m
- 19ENV and Appwrite in React project34m
Week 3Videos 20–30 · 5h 35m
Day 15 · 1h
- 20Build authentication service with appwrite27m
- 21Appwrite database, file upload and custom queries33m
Day 16 · 28m
- 22How to configure redux toolkit in big projects28m
Day 17 · 44m
- 23Production grade react components44m
Day 18 · 1h 2m
- 24How to use React hook form in production1h 2m
Day 19 · 44m
- 25Adding form and slug values44m
Day 20 · 55m
- 26Building pages | chai aur react30m
- 27CORS and debugging in React Project26m
Day 21 · 42m
- 28How to deploy react app to production15m
- 29Assignments for your react course17m
- 30React series ends here10m
Week 4Videos 31–35 · 2h 26m
Day 22 · 51m
- 31How to connect frontend and backend in javascript | Fullstack Proxy and CORS51m
Day 23 · 26m
- 32you don't need state for this | react interview question14m
- 33Testing your datatype skills in react interviews12m
Day 24 · 53m
- 34Handle APIs like a pro in Reactjs | Custom react query | Axios | Race condition53m
Day 25 · 17m
- 35A common Production mistake in react17m
Tips for finishing
- Don't skip the 'create your own React library' video; it makes JSX and rendering make sense.
- The mega project spans many videos. Use the planner's From and To fields to give it a dedicated block of days.