React Js Tutorials in Hindi

by CodeWithHarry · 78 videos

Total watch time

18h 17m

at speed · exactly 18 hours, 17 minutes, 22 seconds at 1×

18h 17m 22s
1.25×14h 37m 54s
1.5×12h 11m 35s
1.75×10h 27m 4s
9h 8m 41s
Average video14m 4s
Longest36m 22s
Shortest3m 28s
Compare Open on YouTube JSON

Plan to finish

About 19 days at an hour a day

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

Days

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

Videos (78)

18h 17m in total · tick what you've watched

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

Videos to
Watched
1 Introduction to React Js + Installation | Complete React Course in Hindi #1 16:51 2021-08-13
2 Creating our first react app using create-react-app | Complete React Course in Hindi #2 21:07 2021-08-14
3 JavaScript Refresher | Complete React Course in Hindi #3 27:23 2021-08-15
4 Understanding JSX | Complete React Course in Hindi #4 26:36 2021-08-16
5 Project 1: Setup + Adding Bootstrap to React | Complete React Course in Hindi #5 18:38 2021-08-16
6 Understanding Props and PropTypes in React | Complete React Course in Hindi #6 26:03 2021-08-17
7 Understanding State & Handling Events in React | Complete React Course in Hindi #7 25:21 2021-08-17
8 Adding more Logic to TextUtils | Complete React Course in Hindi #8 12:58 2021-08-17
9 Exercise 1: Enhancing TextUtils | Complete React Course in Hindi #9 5:44 2021-08-17
10 Creating "Enable Dark Mode" Button Using useState Hook | Complete React Course in Hindi #10 19:19 2021-08-18
11 Exercise 1: Solutions + Shoutouts | Complete React Course in Hindi #11 6:23 2021-08-18
12 Improving Dark Mode & Refactoring App Component | Complete React Course in Hindi #12 22:02 2021-08-18
13 Adding + Auto Dismissing Alert Messages | Complete React Course in Hindi #13 17:31 2021-08-18
14 Exercise 2: Adding Custom Color Theme to TextUtils | Complete React Course in Hindi #14 3:28 2021-08-18
15 Changing title dynamically & adding favicons to TextUtils | Complete React Course in Hindi #15 10:16 2021-08-19
16 React Router Setup + Usage | Complete React Course in Hindi #16 13:42 2021-08-20
17 [Free] Building + Hosting React App For free on Github Pages | Complete React Course in Hindi #17 14:14 2021-08-21
18 Purchasing a Domain + Hosting TextUtils on a VPS | Complete React Course in Hindi #18 15:13 2021-08-22
19 Fixing Issues & Wrapping up TextUtils | Complete React Course in Hindi #19 36:22 2021-08-24
20 Exercise 2: Solutions + Shoutouts | Complete React Course in Hindi #20 14:28 2021-08-24
21 Fixing few more Textutils Issues | Complete React Course in Hindi #21 8:35 2021-08-25
22 Project 2 Setup + Introduction to Class based components | Complete React Course in Hindi #22 10:58 2021-08-25
23 Component Structure of our NewsMonkey React App | Complete React Course in Hindi #23 16:10 2021-08-26
24 Fetching API Key from News API | Complete React Course in Hindi #24 14:23 2021-08-26
25 Understanding state in class based components | Complete React Course in Hindi #25 13:09 2021-08-26
26 Looping through an array in JSX to display NewsItems from state | Complete React Course in Hindi #26 13:20 2021-08-26
27 Using Fetch API in React to populate NewsItems | Complete React Course in Hindi #27 14:04 2021-08-26
28 Adding Previous & Next Buttons to populate NewsItems | Complete React Course in Hindi #28 16:05 2021-08-26
29 Adding loading spinner & variable pageSize to NewsMonkey | Complete React Course in Hindi #29 17:29 2021-08-27
30 Adding Categories & propTypes to NewsMonkey React App | Complete React Course in Hindi #30 13:34 2021-08-27
31 Fetching News category wise in NewsMonkey React App | Complete React Course in Hindi #31 15:00 2021-08-27
32 Adding time, author and news source to News React App | Complete React Course in Hindi #32 13:26 2021-08-27
33 Refactoring News component to use the same function | Complete React Course in Hindi #33 11:10 2021-08-27
34 React Component Lifecycle & Lifecycle methods | Complete React Course in Hindi #34 15:57 2021-08-27
35 Adding Infinite Scroll to NewsMonkey | Complete React Course in Hindi #35 15:44 2021-08-28
36 Adding a top loading bar to NewsMonkey | Complete React Course in Hindi #36 14:54 2021-08-28
37 Hiding API Key by Adding Custom Environment Variables | Complete React Course in Hindi #37 7:15 2021-08-29
38 Introduction to React Hooks | Complete React Course in Hindi #38 9:16 2021-08-29
39 Changing Class based NewsMonkey components to Functional based | Complete React Course in Hindi #39 16:41 2021-08-29
40 Sticky Navbar & NewsMonkey bug fixes | Complete React Course in Hindi #40 9:59 2021-08-29
41 Introduction to MERN stack | Complete React Course in Hindi #41 8:07 2021-08-30
42 Project 3: iNotebook backend and React frontend setup | Complete React Course in Hindi #42 11:33 2021-08-31
43 iNotebook db & Express Server Setup | Complete React Course in Hindi #43 13:22 2021-09-02
44 Creating Routes & Schema for Storing Notes & Users | Complete React Course in Hindi #44 21:38 2021-09-02
45 Storing Data into the Database Using Mongoose Model | Complete React Course in Hindi #45 12:02 2021-09-02
46 Adding Data Validation Using express-validator | Complete React Course in Hindi #46 12:02 2021-09-02
47 Creating ThunderClient Collections to Manage Requests | Complete React Course in Hindi #47 15:40 2021-09-02
48 Understanding Password Hashing, Salt & Pepper | Complete React Course in Hindi #48 17:36 2021-09-02
49 Hashing Passwords using bcryptjs in NodeJs | Complete React Course in Hindi #49 14:36 2021-09-04
50 Creating Login Endpoint & sending auth token| Complete React Course in Hindi #50 11:35 2021-09-04
51 Creating a middleware to decode user from a JWT | Complete React Course in Hindi #51 14:44 2021-09-04
52 Fetching all notes & Adding a Note | Complete React Course in Hindi #52 16:44 2021-09-04
53 Updating an existing Note | Complete React Course in Hindi #53 15:16 2021-09-04
54 Endpoint for deleting a Note | Complete React Course in Hindi #54 9:52 2021-09-04
55 iNotebook React Project Setup | Complete React Course in Hindi #55 11:20 2021-09-05
56 Creating Navbar and Routes | Complete React Course in Hindi #56 10:59 2021-09-05
57 Introduction to React Context API | Complete React Course in Hindi #57 10:29 2021-09-05
58 useContext hook: Using React Context API | Complete React Course in Hindi #58 19:08 2021-09-05
59 useLocation Hook in React | Complete React Course in Hindi #59 10:48 2021-09-06
60 iNotebook: Fetching Notes from Context | Complete React Course in Hindi #60 6:20 2021-09-06
61 iNotebook: Adding NoteItem in a Separate Note component | Complete React Course in Hindi #61 6:59 2021-09-06
62 Adding font awesome icons to iNotebook | Complete React Course in Hindi #62 11:41 2021-09-06
63 Adding AddNote component to iNotebook | Complete React Course in Hindi #63 15:51 2021-09-07
64 Adding "delete note" functionality to iNotebook | Complete React Course in Hindi #64 6:45 2021-09-07
65 Adding "fetch notes" functionality to iNotebook | Complete React Course in Hindi #65 14:12 2021-09-07
66 Adding a Modal for Editing Notes | Complete React Course in Hindi #66 17:17 2021-09-07
67 Updating Notes on edit in the UI using React | Complete React Course in Hindi #67 12:32 2021-09-07
68 Adding Frontend Validation + Few Fixes in iNotebook | Complete React Course in Hindi #68 13:03 2021-09-07
69 Adding Login Component to iNotebook | Complete React Course in Hindi #69 20:25 2021-09-07
70 Adding SignUp Component to iNotebook | Complete React Course in Hindi #70 12:39 2021-09-07
71 Adding Alerts to Login, Signup & Notes Component of iNotebook | Complete React Course in Hindi #71 10:58 2021-09-12
72 Fetching User Specific Notes in iNotebook | Complete React Course in Hindi #72 11:38 2021-09-12
73 Introduction to Redux | Complete React Course in Hindi #73 8:49 2021-09-13
74 Setting up a React Application for Redux | Complete React Course in Hindi #74 9:47 2021-09-15
75 Creating a Reducer & Action Creator in Redux | Complete React Course in Hindi #75 13:18 2021-09-27
76 Creating a Redux Store | Complete React Course in Hindi #76 9:54 2021-09-29
77 Accessing State in Redux | Complete React Course in Hindi #77 5:44 2021-10-03
78 Updating state from a different component in Redux | Complete React Course in Hindi #78 11:11 2021-10-05

Embed a badge

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

Watch time: 18h 17m · 78 videos

Markdown
[![Watch time: 18h 17m · 78 videos](https://playlistduration.com/badge/playlist/PLu0W_9lII9agx66oZnT6IyhcMIbUMNMdt.svg)](https://playlistduration.com/playlist/PLu0W_9lII9agx66oZnT6IyhcMIbUMNMdt)
HTML
<a href="https://playlistduration.com/playlist/PLu0W_9lII9agx66oZnT6IyhcMIbUMNMdt"><img src="https://playlistduration.com/badge/playlist/PLu0W_9lII9agx66oZnT6IyhcMIbUMNMdt.svg" alt="Watch time: 18h 17m · 78 videos" width="210" 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/PLu0W_9lII9agx66oZnT6IyhcMIbUMNMdt returns them as JSON — free, no key. API docs →

Data from the YouTube Data API as of 2026-09-22 (cached). Private or deleted videos are excluded from totals.