React Tutorials

by Net Ninja · 16 videos

Total watch time

1h 55m

at speed · exactly 1 hour, 54 minutes, 45 seconds at 1×

1h 54m 45s
1.25×1h 31m 48s
1.5×1h 16m 30s
1.75×1h 5m 34s
57m 23s
Average video7m 10s
Longest17m 31s
Shortest3m 21s
Compare Open on YouTube JSON

Plan to finish

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

Videos (16)

1h 55m in total · tick what you've watched

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

Videos to
Watched
1 React Tutorial #1 - Introduction 4:24 2016-10-13
2 React Tutorial #1.5 - Course Files 3:45 2016-10-13
3 React Tutorial #2 - Setup with Webpack (& without) 17:31 2016-10-13
4 React Tutorial #3 - React Components 8:05 2016-10-13
5 React Tutorial #3.5 - React Dev Tools 3:28 2016-10-15
6 React Tutorial #4 - Props 5:32 2016-10-15
7 React Tutorial #5 - State 6:18 2016-10-17
8 React Tutorial #5.5 Changing State (& Virtual DOM) 5:30 2016-10-17
9 React Tutorial #6 - Cycling Through Data 4:01 2016-10-23
10 React Tutorial #7 - Nesting Components 6:36 2016-10-23
11 React Tutorial #8 - Handling Events 9:52 2016-10-31
12 React Tutorial #9 - Modularizing Your Code 9:50 2016-11-05
13 React Tutorial #10 - Input Refs 11:51 2016-11-05
14 React Tutorial #11 - Component Life-cycle Methods 6:38 2016-12-05
15 React Tutorial #12 - Routing 8:03 2016-12-05
16 React Tutorial #13 - Route Links 3:21 2016-12-05

Embed a badge

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

Watch time: 1h 55m · 16 videos

Markdown
[![Watch time: 1h 55m · 16 videos](https://playlistduration.com/badge/playlist/PL4cUxeGkcC9i0_2FF-WhtRIfIJ1lXlTZR.svg)](https://playlistduration.com/playlist/PL4cUxeGkcC9i0_2FF-WhtRIfIJ1lXlTZR)
HTML
<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9i0_2FF-WhtRIfIJ1lXlTZR"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9i0_2FF-WhtRIfIJ1lXlTZR.svg" alt="Watch time: 1h 55m · 16 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/PL4cUxeGkcC9i0_2FF-WhtRIfIJ1lXlTZR 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.