playlistduration

React Projects

by Traversy Media · 46 videos

Total watch time

1d 23h 34m

at 1× speed · exactly 1 day, 23 hours, 33 minutes, 47 seconds at 1×

1×1d 23h 33m 47s
1.25×1d 14h 3m 2s
1.5×1d 7h 42m 31s
1.75×1d 3h 10m 44s
2×23h 46m 54s
Average video1h 2m 2s
Longest4h 12m 43s
Shortest9m 14s
Compare Open on YouTube JSON

Plan to finish

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

Videos (46)

1d 23h 34m in total · tick what you've watched

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

Videos to
Watched
1 Build an Expense Tracker | React Hooks & Context API 49:41 2020-02-22
2 React & Tailwind CSS Image Gallery 38:56 2020-04-09
3 Multi Step Form With React & Material UI 43:58 2018-11-05
4 React & Material UI Project Using The PixaBay API 48:18 2018-04-22
5 Facebook Login Button In React 19:26 2018-05-11
6 React Authentication App With Okta 56:23 2018-06-16
7 React File Uploader With Express (Using React Hooks) 45:01 2019-04-10
8 React Infinite Scroll Challenge | Scotch.io 37:09 2019-02-17
9 Simple Frontend Pagination | React 19:13 2019-06-23
10 Build & Deploy A React JS Text Generator App 35:20 2017-03-14
11 Data Display With ApexCharts | Vanilla JS & React 30:49 2018-10-11
12 Using Chart.js With React 23:41 2017-06-24
13 Simple Animations In React 20:48 2019-01-13
14 Exploring The Wordpress REST API & React Integration 51:32 2019-02-10
15 Easy Peasy React State Management 21:54 2019-06-13
16 GraphQL With React & Apollo [4] - Simple Heroku Deploy 9:14 2018-11-12
17 GraphQL With React & Apollo [3] - Finishing The App 28:08 2018-11-12
18 GraphQL With React & Apollo [2] - React & Apollo Setup 29:39 2018-11-12
19 GraphQL With React & Apollo [1] - Express GraphQL Server 35:01 2018-11-12
20 Lyric Search App With React & Context API [1] - Top 10 Tracks 54:32 2018-09-01
21 Lyric Search App With React & Context API [2] - Lyrics Page 28:13 2018-09-01
22 Lyric Search App With React & Context API [3] - Search 31:25 2018-09-01
23 React & Webpack 4 From Scratch - No CLI 24:45 2018-03-29
24 React & Express Starter Pack For Full Stack Development 26:46 2017-12-31
25 React App - Breaking Bad API 34:00 2020-07-02
26 Build a GitHub Jobs App With React Hooks 48:47 2020-07-20
27 Build a Photo Gallery With React & Firebase 1:21:31 2020-07-29
28 Build Hangman With React 47:32 2020-08-07
29 Realtime Chat App | React, GraphQL & Websockets 40:22 2020-08-17
30 React Admin Crash Course 31:26 2020-10-07
31 Material UI React Tutorial 42:59 2020-10-09
32 Build a Wildfire Tracker With React & NASA API 33:20 2020-11-20
33 Build a Portfolio Website With React & Sanity.io 2:06:52 2020-12-07
34 React Testing Crash Course 58:36 2021-08-30
35 React Router v6 Major Changes 13:12 2021-12-04
36 GraphQL Crash Course With Full Stack MERN Project 3:14:39 2022-06-06
37 5 Pro-Level React Do's & Don'ts 30:06 2022-09-20
38 Build a Shopping Cart With React JS & Stripe 1:16:28 2022-10-18
39 Build a Keyword Extractor: React + OpenAI API + Chakra UI 47:51 2023-03-23
40 Next.js 13 Crash Course | App Directory, React Server Components & More 1:22:45 2023-04-05
41 Build A RealTime Chat App With React & Appwrite Cloud 2:21:14 2023-06-26
42 Admin Dashboard From Scratch - Next.js, TypeScript, Shadcn/ui 2:16:37 2024-06-03
43 Full App Build - Dev to Deployment - Next.js, Prisma, Neon & Clerk 1:51:38 2024-06-25
44 Create A Booking App From Scratch | React, Next.js, Appwrite, Tailwind 4:12:43 2024-10-07
45 Come hang! -KEEM · LolcowLive 3:28:06 2024-10-20
46 NextJS + Postgres and Error Monitoring - Full Stack Support Ticketing System 3:23:11 2025-05-13

Embed a badge

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

Watch time: 1d 23h 34m · 46 videos

Markdown
[![Watch time: 1d 23h 34m · 46 videos](https://playlistduration.com/badge/playlist/PLillGF-RfqbY3c2r0htQyVbDJJoBFE6Rb.svg)](https://playlistduration.com/playlist/PLillGF-RfqbY3c2r0htQyVbDJJoBFE6Rb)
HTML
<a href="https://playlistduration.com/playlist/PLillGF-RfqbY3c2r0htQyVbDJJoBFE6Rb"><img src="https://playlistduration.com/badge/playlist/PLillGF-RfqbY3c2r0htQyVbDJJoBFE6Rb.svg" alt="Watch time: 1d 23h 34m · 46 videos" width="228" 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/PLillGF-RfqbY3c2r0htQyVbDJJoBFE6Rb 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.