playlistduration

React Context & Hooks Tutorial

by Net Ninja · 21 videos

Total watch time

2h 40m

at 1× speed · exactly 2 hours, 39 minutes, 40 seconds at 1×

1×2h 39m 40s
1.25×2h 7m 44s
1.5×1h 46m 27s
1.75×1h 31m 14s
2×1h 19m 50s
Average video7m 36s
Longest11m 51s
Shortest3m 45s
Compare Open on YouTube JSON

Plan to finish

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

Videos (21)

2h 40m in total · tick what you've watched

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

Videos to
Watched
1 React Context & Hooks Tutorial #1 - Introduction 11:51 2019-06-10
2 React Context & Hooks Tutorial #2 - What is the Context API? 5:20 2019-06-10
3 React Context & Hooks Tutorial #3 - Adding a Context & Provider 8:53 2019-06-10
4 React Context & Hooks Tutorial #4 - Accessing Context (part 1) 9:04 2019-06-12
5 React Context & Hooks Tutorial #5 - Accessing Context (part 2) 3:45 2019-06-12
6 React Context & Hooks Tutorial #6 - Updating Context Data 5:07 2019-06-14
7 React Context & Hooks Tutorial #7 - Creating Multiple Contexts 5:41 2019-06-17
8 React Context & Hooks Tutorial #8 - Consuming Multiple Contexts 5:31 2019-06-17
9 React Context & Hooks Tutorial #9 - Intro to Hooks 5:05 2019-06-19
10 React Context & Hooks Tutorial #10 - useState Hook 9:02 2019-06-19
11 React Context & Hooks Tutorial #11 - useState with Forms 8:15 2019-06-21
12 React Context & Hooks Tutorial #12 - useEffect Hook 7:25 2019-06-21
13 React Context & Hooks Tutorial #13 - Hooks with Context 4:52 2019-06-24
14 React Context & Hooks Tutorial #14 - Multiple Contexts using Hooks 5:37 2019-06-24
15 React Context & Hooks Tutorial #15 - Creating Context with Functional Components 5:51 2019-06-26
16 React Context & Hooks Tutorial #16 - Reading List Project (part 1) 11:39 2019-06-26
17 React Context & Hooks Tutorial #17 - Reading List App (part 2) 9:46 2019-06-28
18 React Context & Hooks Tutorial #18 - Reading List App (part 3) 7:41 2019-06-28
19 React Context & Hooks Tutorial #19 - Reducers, Actions & State 9:35 2019-07-01
20 React Context & Hooks Tutorial #20 - Adding a Reducer 9:00 2019-07-01
21 React Context & Hooks Tutorial #21 - Adding Local Storage 10:40 2019-07-03

Embed a badge

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

Watch time: 2h 40m · 21 videos

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