Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Realtime React with Firebase
Lessons
Getting Started (0:35)
Create React App (2:17)
Assets
Downloading Assets (0:59)
Building for Production (3:21)
Firebase Sign Up (2:04)
Initializing Firebase (6:06)
Your First Deployment (4:07)
Rolling Back and Restoring Deployments (3:05)
Cloud Firestore Data Model (3:04)
Adding Data Manually (3:33)
Adding Firebase to Your App (3:04)
Adding Component State (2:18)
Subscribing to Data (3:03)
Extracting Documents (2:10)
Updating State (0:55)
Unsubscribing from Data (1:04)
Getting Realtime Updates (1:19)
Review (4:26)
Cleaning Up (2:24)
Where to Split Big Components (2:34)
Reorganized src Download
File Structure Review (1:12)
Firebase Import and Keys (1:53)
Getting Input Values (4:05)
Saving Messages (5:05)
Posting to Different Channels (1:49)
Clearing the Input (0:54)
Subscribing to Messages (7:57)
Order Messages with Collection Queries (2:03)
Abstracting Subscriptions with a Custom Hook (5:30)
Reusing useCollection (4:01)
Enabling Authentication (1:11)
Logging In (4:33)
Persisting Login (2:14)
A Little More About useEffect (1:52)
Adding the User and Passing Props (3:06)
Logging Out (1:08)
Cleaning Up (1:58)
Auth Error Handling (2:43)
Store Users in the Database (3:16)
Referencing Users in Messages (5:32)
Refactor Messages (7:03)
Display Author on Messages (5:22)
JSX and Non-Breaking Spaces (2:24)
Add Routes (4:34)
Using Route Params (5:18)
Adding Link (1:55)
Getting Effects to Update (14:40)
Don't Subscribe to Authors (5:45)
Avoid Flickers with a Simple Cache (5:44)
useDocWithCache (2:40)
Display Message Timestamps (3:55)
Format Dates with date-fns (2:28)
Showing the Avatar Only Once (5:45)
Show Day Horizontal Rules (5:24)
Refactor Topics to useDoc (6:43)
useRef (3:53)
Managing Scroll Position (2:36)
Deploy Again! (3:32)
Hooks vs. Component (3:55)
Forwarding Props with JSX Spread (2:21)
Better Scroll Handling (5:13)
Add Channel Data to Users (5:47)
Updating Deep Document Values (1:56)
Subscribing to Channel Members (1:57)
Collection Queries (2:59)
A Little Bit About Indexes (6:08)
Display Channel Members (0:49)
Indexes and Reinitializing Firebase (2:53)
Ditching Our Index (lol) (3:00)
Watching Connection Status (5:17)
Saving Presence to RTDB (6:08)
Verifying RTDB Writes (2:19)
Saving Presence to Firestore Clientside (5:35)
Adding Presence to the UI (1:42)
Planning the RTDB and Firestore Sync (4:06)
Your First Cloud Functions (1:37)
Running and Deploying Functions (7:43)
Triggers (0:50)
Sync Status from RTDB to Firestore Serverside (12:40)
Organize Cloud Functions (3:37)
Getting Started with a Chat Bot (16:21)
Adding the Cleverbot API (10:40)
Config Vars (4:46)
The End! (1:51)
Planning the RTDB and Firestore Sync
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock