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
📧 Weekly mail dedicated to solo devs looking to make it online: danielotto.beehiiv.com/
☕Buy me a coffee: buymeacoffee.com/danielotto
Source : github.com/DanielOttodev/reac...
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
Пікірлер: 21
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!
Thanks for a Nice video! For everyone stuck with "FirebaseError: Firebase: Error (auth/network-request-failed)." when you try to signup, you just simply add the type = "button" at , then it should work!
Thanks a bunch. You saved me from 2 days of looking for a bug
Thanks a lot for this tutorial, man. Very simple.
Nice and simple explanation👏
THANK U!!!!!
thanks a lot
Awesome video man, super helpful 🔥
Thanks mate, it worked for the older version of react router as well, at least for me, thanks.
Great job! Thanks a lot
Thanks for this excellent!
excellent tutorial
Helpful Video Thanks Bro.
thanks. you're awesome
Great Video!
thank you
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".
@juanmacias5922
6 ай бұрын
@@nicolasmorin9539 I've been using Bun lol and the preconfigured Vite scripts so "bun run dev" why?
git repo??
@danielotto
Жыл бұрын
Link now in the description :)
thank you