React Authentication Crash Course (with Firebase v9)

Sign up, log in, and log out users with Firebase Authentication from your front end React Application.
(Web v9 Modular)

The code used in this video:

Firebase Auth Documentation:

Firebase Auth Playlist:

Timestamps:
00:00 - Demo
00:39 - Firebase Setup
03:20 - Auth Setup
03:50 - Signup Users
10:23 - onAuthStateChange (useAuth + currentUser)
16:10 - Logout Users
19:14 - Login Users
20:55 - Weak Password Error

[monique]

I just want you to know, you have one of THE BEST firebase tutorials with react on youtube. I always recommend people to your channel when they are getting started with Firebase. I love your teaching style! Everything is clear and well explained and you get straight to the point. Please please please continue to make more videos like this and just content in general. I really appreciate it !!! <3

[martincastroar]

Thank you. The same a lot of videos explain in really difficult ways, you resolve it in 22 mins. I am lucky I decided to look for more videos and found this one. Thanks!!

[morphine]

You really helped me, i've had trouble with monitoring the auth state. Thanks a lot!

[camilovegag]

Just finished your last playlist, will check this video! Waiting for the search bar functionality you replied to a comment :)

[zhanezar]

just wanted to say thank you, this helped me with a problem with Firebase

[ToshisanMotonaka]

Great video it really helped me out, I didn't quit understand the difference between v8 and v9! Keep up the content great explanation!

[altcoinalpha]

great tutorial. but why is it when I make sign up 1 account, log out, then try to make a new account, i keep getting the error warning? if i try to log in with the initial account, it works, but if i make a 2nd account it keeps getting errors until i close the window, terminal & visual studio code... then open vsc and run npm start again ... then im able to make a different account.. anyone know why?

[ayushvarma]

Nice video, short and crisp!
Much all we need!

[leaningtower]

Great content, thanks!
Guys if you only want the name of the current user in 'Currently logged in as:' you can write

Currently logged in as: {currentUser ? : "Guest"}

[majdshaheen]

straight to the point easy and simple and understandable, Thanks

[bigchhet]

Thank you for creating this video! it has helped me so much

[lesmoe]

Amazing video, you showed so much great stuff in 22 minutes. Thank you.

[areej]

I'm having an issue. when I click on signup the data I filled in appears in the url of my page. page gets refreshed with that url and no data saved In firebase. I don't know what's wrong with it

[dmitruz]

I have an error Uncaught TypeError: (0, is not a function

[Thelandoftheartist]

It was a very useful explanation. thank you

[heyiamigor]

Great video! Looking forward to the next video on auth

[Rene-mgeg]

Great video! Keep up the good content 🔥


Would be nice if you can make a video how to create profildata in firestore and connect them to the userid frim firebase authentication.
Im stuck at this at the moment because im an absolute beginner and the logic is kinda tricky for me .😬

[learnwithjoe]

thanks for this! patiently waiting for your next video =))

[nicolepozo]

You read my mind 😂 thank u so much for all the good videos

[burakdemir]

literally best firebase authentication, thank you my man

keep up the good work