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

  • @andranikmarkaryan4992
    @andranikmarkaryan499211 ай бұрын

    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!

  • @taishihamano4817
    @taishihamano48179 ай бұрын

    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!

  • @odiahebuka5790
    @odiahebuka579010 ай бұрын

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

  • @DiogoLScarmagnani
    @DiogoLScarmagnani3 ай бұрын

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

  • @SuperCodepk
    @SuperCodepk3 ай бұрын

    Nice and simple explanation👏

  • @maluvasconcelos2740
    @maluvasconcelos27403 ай бұрын

    THANK U!!!!!

  • @MdMazharulIslam-sl9rc
    @MdMazharulIslam-sl9rc3 ай бұрын

    thanks a lot

  • @the-web-scraping-guy
    @the-web-scraping-guy9 ай бұрын

    Awesome video man, super helpful 🔥

  • @LucasOliveira-vg1uo
    @LucasOliveira-vg1uo8 ай бұрын

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

  • @mimidhr
    @mimidhr10 ай бұрын

    Great job! Thanks a lot

  • @khandoor7228
    @khandoor7228 Жыл бұрын

    Thanks for this excellent!

  • @tite7160
    @tite71609 ай бұрын

    excellent tutorial

  • @ronymiah7364
    @ronymiah736410 ай бұрын

    Helpful Video Thanks Bro.

  • @Kcoder_
    @Kcoder_10 ай бұрын

    thanks. you're awesome

  • @JoshuaDuke-ix1ke
    @JoshuaDuke-ix1ke4 ай бұрын

    Great Video!

  • @PeriklesPeriklesoglu
    @PeriklesPeriklesoglu9 ай бұрын

    thank you

  • @juanmacias5922
    @juanmacias5922 Жыл бұрын

    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

    @juanmacias5922

    6 ай бұрын

    @@nicolasmorin9539 I've been using Bun lol and the preconfigured Vite scripts so "bun run dev" why?

  • @huntx...8573
    @huntx...8573 Жыл бұрын

    git repo??

  • @danielotto

    @danielotto

    Жыл бұрын

    Link now in the description :)

  • @atticuus
    @atticuus10 ай бұрын

    thank you