playlistduration

Build a Budgeting App with React Router

by Net Ninja · 16 videos

Total watch time

3h 15m

at 1× speed · exactly 3 hours, 14 minutes, 33 seconds at 1×

1×3h 14m 33s
1.25×2h 35m 38s
1.5×2h 9m 42s
1.75×1h 51m 10s
2×1h 37m 17s
Average video12m 10s
Longest19m 27s
Shortest3m 4s
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 (16)

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

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

Videos to
Watched
1 Build a Budgeting App with React Router #1 - Intro & Setup 11:33 2023-02-20
2 Build a Budgeting App with React Router #2 - Routing Basics & Loaders 13:47 2023-02-20
3 Build a Budgeting App with React Router #3 - Layouts & Actions 18:08 2023-02-21
4 Build a Budgeting App with React Router #4 - Adding Toast Messages 3:04 2023-02-22
5 Build a Budgeting App with React Router #5 - Adding a Login Form 11:46 2023-02-22
6 Build a Budgeting App with React Router #6 - Custom Error Page 5:22 2023-02-23
7 Build a Budgeting App with React Router #7 - New Budget Form 7:17 2023-02-24
8 Build a Budgeting App with React Router #8 - Handling Multiple Form Submissions 12:01 2023-02-27
9 Build a Budgeting App with React Router #9 - Clearing Forms 7:48 2023-02-28
10 Build a Budgeting App with React Router #10 - New Expense Form 19:27 2023-03-01
11 Build a Budgeting App with React Router #11 - Budget Cards 17:00 2023-03-02
12 Build a Budgeting App with React Router #12 - Expenses Table 10:54 2023-03-03
13 Build a Budgeting App with React Router #13 - Expenses Page 7:40 2023-03-06
14 Build a Budgeting App with React Router #14 - Adding Budget Links 17:23 2023-03-07
15 Build a Budgeting App with React Router #15 - The Budget Page 15:48 2023-03-08
16 Build a Budgeting App with React Router #16 - Adding Buttons to Cards 15:35 2023-03-09

Embed a badge

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

Watch time: 3h 15m · 16 videos

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