Firebase Authentication in React: A Step-by-Step Guide with Protected Routes

In this video tutorial, I will show you how to make an Authentication process in React JS using Firebase 9 and React Router 6.

⏱️ Timestamps:

00:00 - Intro
00:13 - Project setup
01:57 - Form creating
03:08 - Firebase setup
04:38 - Work with .env
05:15 - Creating Sign Up and Sign In methods
08:08 - Protected route
12:53 - Creating Sign Out method

Recommended Content:

[joeythompson]

Best tutorial I have seen for this! Quick and easy!

[topfeature]

Timestamps:

00:00 - Intro
00:13 - Project setup
01:57 - Form creating
03:08 - Firebase setup
04:38 - Work with .env
05:15 - Creating Sign Up and Sign In methods
08:08 - Protected route
12:53 - Creating Sign Out method

[sethurk]

Pretty good. Short and precise. Thank you. subbed..

[mr.artist]

You saved my day! this is perhaps the best tutorial I have ever seen on this topic!! Thanks a ❤❤

[ViciaiaTutorial]

you explained very simple and clear, thanks you for the tutorial!!!!

[GenosoftTeamGen]

Great work thank you this is super neat

[DiogoLScarmagnani]

Great tutorial, very quick and simple. It works a lot. Got subscribed. I have just one question, please: Don't we need to persist access token in storage for Firebase Authentication?

[ulkmjhh]

Hey, great video btw, how to change path when sign in true? For example email and password is true then when i click the button, how to show private page directly

[xczm]

how you guys deal with view flashes when you are logged out and trying to get to any private route? for me it renders component for 0.1 sec and sends you back to '/'

[placek]

how isfetching works? i dont understand why adding this magically solve the problem with rendering private page

[ig_strawhats_]

please can you make vedio of user and admin login in one project