playlistduration

React, Redux & Firebase App Tutorial

by Net Ninja · 40 videos

Total watch time

5h 7m

at 1× speed · exactly 5 hours, 6 minutes, 54 seconds at 1×

1×5h 6m 54s
1.25×4h 5m 31s
1.5×3h 24m 36s
1.75×2h 55m 22s
2×2h 33m 27s
Average video7m 40s
Longest15m 41s
Shortest2m 58s
Compare Open on YouTube JSON

Plan to finish

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

Videos (40)

5h 7m in total · tick what you've watched

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

Videos to
Watched
1 React, Redux & Firebase App Tutorial #1 - Introduction 4:35 2018-09-14
2 React, Redux & Firebase App Tutorial #2 - Planning the App 3:26 2018-09-14
3 React, Redux & Firebase App Tutorial #3 - Setting Up 9:06 2018-09-17
4 React, Redux & Firebase App Tutorial #4 - Navbar Component 9:00 2018-09-17
5 React, Redux & Firebase App Tutorial #5 - Dashboard Component 10:35 2018-09-19
6 React, Redux & Firebase App Tutorial #6 - Project Summary Component 3:22 2018-09-19
7 React, Redux & Firebase App Tutorial #7 - Project Details Component 7:49 2018-09-21
8 React, Redux & Firebase App Tutorial #8 - Login & Signup Components 14:19 2018-09-21
9 React, Redux & Firebase App Tutorial #9 - Create Project Form 6:04 2018-09-24
10 React, Redux & Firebase App Tutorial #10 - Nav Links & CSS 6:15 2018-09-24
11 React, Redux & Firebase App Tutorial #11 - Adding Redux & Reducers 8:51 2018-09-26
12 React, Redux & Firebase App Tutorial #12 - Adding Dummy Data 9:11 2018-09-26
13 React, Redux & Firebase App Tutorial #13 - Async Code with Redux 5:31 2018-09-28
14 React, Redux & Firebase App Tutorial #14 - Using Thunk 12:24 2018-09-28
15 React, Redux & Firebase App Tutorial #15 - Creating a Firebase Project 6:09 2018-10-01
16 React, Redux & Firebase App Tutorial #16 - Firestore Data & Collections 6:49 2018-10-01
17 React, Redux & Firebase App Tutorial #17 - Connecting Redux to Firebase 8:19 2018-10-03
18 React, Redux & Firebase App Tutorial #18 - Adding Data to Firestore 10:29 2018-10-03
19 React, Redux & Firebase App Tutorial #19 - Syncing Data with Firestore 10:05 2018-10-05
20 React, Redux & Firebase App Tutorial #20 - Project Details Data 10:43 2018-10-05
21 React, Redux & Firebase App Tutorial #21 - Firebase Auth Intro 4:22 2018-10-08
22 React, Redux & Firebase App Tutorial #22 - Firebase Auth with Redux 7:03 2018-10-08
23 React, Redux & Firebase App Tutorial #23 - Logging Users In 14:42 2018-10-10
24 React, Redux & Firebase App Tutorial #24 - Logging Users Out 7:18 2018-10-10
25 React, Redux & Firebase App Tutorial #25 - Tracking Auth Status 5:15 2018-10-12
26 React, Redux & Firebase App Tutorial #26 - Waiting for Auth Ready 2:58 2018-10-12
27 React, Redux & Firebase App Tutorial #27 - Route Guarding 10:17 2018-10-14
28 React, Redux & Firebase App Tutorial #28 - User Sign Up (Firebase Auth) 15:41 2018-10-15
29 React, Redux & Firebase App Tutorial #29 - User Profile Data 6:01 2018-10-15
30 React, Redux & Firebase App Tutorial #30 - Adding Projects (revisited) 6:34 2018-10-16
31 React, Redux & Firebase App Tutorial #31 - Formatting Dates with Moment 4:06 2018-10-17
32 React, Redux & Firebase App Tutorial #32 - Firestore Security Rules 10:34 2018-10-17
33 React, Redux & Firebase App Tutorial #33 - Cloud Functions Intro & Setup 5:45 2018-10-19
34 React, Redux & Firebase App Tutorial #34 - A Simple Cloud Function 4:39 2018-10-19
35 React, Redux & Firebase App Tutorial #35 - Notification Component 3:24 2018-10-22
36 React, Redux & Firebase App Tutorial #36 - Cloud Function Firestore Triggers 10:44 2018-10-22
37 React, Redux & Firebase App Tutorial #37 - Cloud Function Auth Trigger 9:03 2018-10-24
38 React, Redux & Firebase App Tutorial #38 - Showing Notifications 8:36 2018-10-24
39 React, Redux & Firebase App Tutorial #39 - Ordering Firestore Data 3:16 2018-10-25
40 React, Redux & Firebase App Tutorial #40 - Deploying to Firebase Hosting 3:34 2018-10-26

Embed a badge

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

Watch time: 5h 7m · 40 videos

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