Firebase Auth with React | Protected Routes, Router v6, Context API

This video covers how you can implement react with firebase and use it to authenticate users and also protect your front-end routes

00:00 Intro
00:50 Project Setup
01:35 Firebase Project Setup
05:35 Page Components
06:50 React Router
10:25 Signup and Signin Forms
15:00 Firebase Auth Provider
19:00 Signout Form
20:55 Auth Context
25:40 Protected Route Component
28:30 Outro

#coding #javscript #reactjs #firebase

[taishihamano]

Thanks for a Nice video!

For everyone stuck with "FirebaseError: Firebase: Error when you try to signup, you just simply add the type = "button" at <button>, then it should work!

[andranikmarkaryan]

Daniel, you've alleviated my deep frustration for React Router V6 (15). I couldn't find an example that did not use those confusing loaders and actions. This is super neat. Thank you very much!

[odiahebuka]

Thanks a bunch. You saved me from 2 days of looking for a bug

[DiogoLScarmagnani]

Thanks a lot for this tutorial, man. Very simple.

[LucasOliveira-vguo]

Thanks mate, it worked for the older version of react router as well, at least for me, thanks.

[juanmacias]

Excellent! I'm still debating on if I should use the Context API, or Redux lol btw, Vite is French for "fast", so it sounds like "Veeet".