playlistduration

Full Modern React Tutorial

by Net Ninja · 32 videos

Total watch time

3h 14m

at 1× speed · exactly 3 hours, 13 minutes, 58 seconds at 1×

1×3h 13m 58s
1.25×2h 35m 10s
1.5×2h 9m 19s
1.75×1h 50m 50s
2×1h 36m 59s
Average video6m 4s
Longest13m 2s
Shortest2m 52s
Compare Open on YouTube JSON

Plan to finish

About 4 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 4 days. Turn on JavaScript to plan around your week.

Videos (32)

3h 14m in total · tick what you've watched

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

Videos to
Watched
1 Full React Tutorial #1 - Introduction 6:07 2020-12-21
2 Full React Tutorial #2 - Creating a React Application 13:02 2020-12-21
3 Full React Tutorial #3 - Components & Templates 6:37 2020-12-22
4 Full React Tutorial #4 - Dynamic Values in Templates 5:32 2020-12-22
5 Full React Tutorial #5 - Multiple Components 6:09 2020-12-23
6 Full React Tutorial #6 - Adding Styles 6:40 2020-12-29
7 Full React Tutorial #7 - Click Events 7:21 2020-12-29
8 Full React Tutorial #8 - Using State (useState hook) 6:42 2020-12-30
9 Full React Tutorial #9 - Intro to React Dev Tools 4:20 2020-12-31
10 Full React Tutorial #10 - Outputting Lists 6:44 2020-12-31
11 Full React Tutorial #11 - Props 8:56 2021-01-04
12 Full React Tutorial #12 - Reusing Components 2:57 2021-01-04
13 Full React Tutorial #13 - Functions as Props 4:31 2021-01-06
14 Full React Tutorial #14 - useEffect Hook (the basics) 3:56 2021-01-06
15 Full React Tutorial #15 - useEffect Dependencies 4:20 2021-01-07
16 Full React Tutorial #16 - Using JSON Server 5:11 2021-01-08
17 Full React Tutorial #17 - Fetching Data with useEffect 7:55 2021-01-08
18 Full React Tutorial #18 - Conditional Loading Message 3:47 2021-01-11
19 Full React Tutorial #19 - Handling Fetch Errors 7:39 2021-01-11
20 Full React Tutorial #20 - Making a Custom Hook 8:49 2021-01-12
21 Full React Tutorial #21 - The React Router 8:22 2021-01-14
22 Full React Tutorial #22 - Exact Match Routes 5:24 2021-01-14
23 Full React Tutorial #23 - Router Links 3:30 2021-01-15
24 Full React Tutorial #24 - useEffect Cleanup 6:50 2021-01-15
25 Full React Tutorial #25 - Route Parameters 8:03 2021-01-18
26 Full React Tutorial #26 - Reusing Custom Hooks 5:16 2021-01-18
27 Full React Tutorial #27 - Controlled Inputs (forms) 9:27 2021-01-19
28 Full React Tutorial #28 - Submit Events 2:52 2021-01-20
29 Full React Tutorial #29 - Making a POST Request 5:18 2021-01-20
30 Full React Tutorial #30 - Programmatic Redirects 3:38 2021-01-21
31 Full React Tutorial #31 - Deleting Blogs 3:46 2021-01-22
32 Full React Tutorial #32 - 404 Pages & Next Steps 4:17 2021-01-22

Embed a badge

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

Watch time: 3h 14m · 32 videos

Markdown
[![Watch time: 3h 14m · 32 videos](https://playlistduration.com/badge/playlist/PL4cUxeGkcC9gZD-Tvwfod2gaISzfRiP9d.svg)](https://playlistduration.com/playlist/PL4cUxeGkcC9gZD-Tvwfod2gaISzfRiP9d)
HTML
<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9gZD-Tvwfod2gaISzfRiP9d"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9gZD-Tvwfod2gaISzfRiP9d.svg" alt="Watch time: 3h 14m · 32 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/PL4cUxeGkcC9gZD-Tvwfod2gaISzfRiP9d 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.