Chai aur react | with projects — 20h 7m total, 35 videos

1×	20h 7m 26s
1.25×	16h 5m 57s
1.5×	13h 24m 57s
1.75×	11h 29m 58s
2×	10h 3m 43s

Plan to finish

About 21 days at an hour a day

Pick a daily pace and the days you'll watch. Ticked videos are skipped.

At one hour a day, every day, this playlist takes about 21 days. Turn on JavaScript to plan around your week.

Videos (35)

20h 7m in total · tick what you've watched

Tick videos you've watched — progress is saved in this browser.


1	React JS roadmap \| chai aur react series	30:18	2023-08-17
2	Create react projects \| chai aur react	35:16	2023-08-17
3	Understand the react flow and structure	35:59	2023-08-18
4	Create your own react library and JSX	45:50	2023-08-20
5	Why you need hooks and project	28:18	2023-08-21
6	06 Virtual DOM, Fibre and reconciliation	21:21	2023-08-23
7	Tailwind and Props in reactjs	31:34	2023-08-24
8	A react interview question on counter	8:26	2023-08-26
9	Building a react project \| bgChanger	18:16	2023-08-28
10	useEffect, useRef and useCallback with 1 project	57:15	2023-08-31
11	Custom hooks in react \| currency Project	1:01:38	2023-09-05
12	React router crash course	1:04:35	2023-09-07
13	Context API crash course with 2 projects	1:13:27	2023-09-11
14	Context api with local storage \| project	1:15:33	2023-09-15
15	Redux toolkit crash course \| Chai aur React Series	1:10:18	2023-09-19
16	What is your choice for Mega Project in React?	8:23	2023-09-20
17	Our mega project in React \| The hard way	10:23	2023-09-21
18	Appwrite backend for react project	14:59	2023-09-22
19	ENV and Appwrite in React project	34:28	2023-09-23
20	Build authentication service with appwrite	26:48	2023-09-24
21	Appwrite database, file upload and custom queries	33:12	2023-09-25
22	How to configure redux toolkit in big projects	28:20	2023-09-26
23	Production grade react components	43:46	2023-09-27
24	How to use React hook form in production	1:02:13	2023-09-28
25	Adding form and slug values	43:36	2023-09-29
26	Building pages \| chai aur react	29:36	2023-09-30
27	CORS and debugging in React Project	25:39	2023-10-01
28	How to deploy react app to production	14:51	2023-10-02
29	Assignments for your react course	17:01	2023-10-03
30	React series ends here	10:26	2023-10-04
31	How to connect frontend and backend in javascript \| Fullstack Proxy and CORS	50:45	2023-10-04
32	you don't need state for this \| react interview question	13:47	2023-10-05
33	Testing your datatype skills in react interviews	11:58	2023-10-06
34	Handle APIs like a pro in Reactjs \| Custom react query \| Axios \| Race condition	52:41	2023-10-08
35	A common Production mistake in react	16:30	2025-06-02

Embed a badge

Show the watch time in a README or course description — it links back here and updates itself

Markdown

[![Watch time: 20h 7m · 35 videos](https://playlistduration.com/badge/playlist/PLu71SKxNbfoDqgPchmvIsL4hTnJIrtige.svg)](https://playlistduration.com/playlist/PLu71SKxNbfoDqgPchmvIsL4hTnJIrtige)

HTML

<a href="https://playlistduration.com/playlist/PLu71SKxNbfoDqgPchmvIsL4hTnJIrtige"><img src="https://playlistduration.com/badge/playlist/PLu71SKxNbfoDqgPchmvIsL4hTnJIrtige.svg" alt="Watch time: 20h 7m · 35 videos" width="203" height="20"></a>

Add ?speed=1.5 to the image URL for the time at that speed, ?label=Course to change the left text, or ?style=flat-square for square corners.

Want the numbers themselves? GET https://playlistduration.com/api/v1/playlist/PLu71SKxNbfoDqgPchmvIsL4hTnJIrtige returns them as JSON — free, no key. API docs →