React Firebase Authentication Tutorial | Firebase 9 Tutorial

Hey guys in this video I will be showing how to create an authentication system in a react application!

-

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

#firebase #react

[samsonbrody]

I gotta say man, I love these firebase/react combo videos. you explain things better than anyone i have found yet. I think some tutorials jump ahead and just assume immediate understanding, whereas you carefully walk through each step. foundations are everything in coding

[nrwl]

Wanted to mention that the onAuthStateChanged() function needs to be called only once in react 18 and FB9 (not sure other versions). Putting it into useEffect seemed to fix it and it works perfectly. Great video!

[tadakuniyasuda]

This tutorial is the first time I got through with firebase because other bigname youtuber's tutorials are outdated THANK YOU THANK YOU THANK YOU

[loganbruesehoff]

If you are having the problem where the app freezes or if VS Code doesn't like the "user?.email" the solution is to put the onAuthStateChanged into a useEffect.
useEffect(() => {
onAuthStateChanged(auth, (currentUser) => {
setUser(currentUser);
});

}, [])

user?.email can be turned into:
{user ? user.email : "Not Logged In"}

[AbdulBasit-xt]

I have watched many vedios on firebase, but majority people focus more on CSS and come to point later on .This is the perfect one that I was looking for

[haloandfable]

When im stuck on something while creating a website I look for your videos because you explain concepts very well. Thank you for all the content.

[freddyrenecariasvasquez]

I added the useEffect thus avoiding the infinite update cycle:
useEffect(() => {
const unsubscribe = onAuthStateChanged(auth, (currentUser) => {
setUser(currentUser);
});

return () => unsubscribe();
}, []);

thanks for the video it helped me a lot .

[emmayen]

Wow. the moment I had to use firebase auth in my project and I had trouble cause all the other videos were "outdated". bless your soul

[alejo_]

this is definitely the best tutorial I've seen, thanks for going over the small details and "beginner" stuff. lots of people skip over it and it leaves room for misunderstandings and errors.

[matissjudins]

so good man, i learnt Firebase crud, routing, auth and firestore in 2 days from your videos. thank you

[royhyde]

Thank you very much for your videos, they are simple, detailed, very clear, well explained, and straight to the point. In my opinion, they are the best Firebase tutorials I have seen so far, and to be honest, I have seen quite afew.

[pratibhapradhan]

I have been looking for a video that could explain this exact combination for soooo long, Tried watching a few other videos but they are nothing with comparison to this one. I have to say this, you are a great GURU. Thanks

[cientifica]

I needed someone who could just focus on functionality and explained all the concepts right away... you're amazing bro! Keep going!

[خالدأحمد-تتج]

I've just want to learn Firebase with React. I have been watching a lot videos but your tutorials are very clean and easy by explaining each step in your code and not just jumping around. Thanks you're very very good.

[mikeburgess]

Hands down the most straight forward and easy to understand tutorial on this subject. Thanks so Much!

[paulinemomanyi]

I should have come across this channel when I was 2 years old. So much wisdom in here

[xfitx]

Thanks bro! It helped a lot, I'm also brazilian and so proud that we have people like u here.
TAMO JUNTO CARAI

[stephanpaul]

You're always a rockstar Pedro, Never messed around with firebase or supabase... been wanting to make a little app for a while but was dreading the authentication... someone on my team said "just use firebase, it does it for you"... I had no idea 😂😂 you saved my life!

[raso]

Thank you so much for the tutorial!!! I was struggling with MySQL deployment and I found Firebase is much easier for me to start with as a beginner:)

[seandorr]

Really helpful tutorial! I did have some problems with the app being unresponsive after adding the onAuthStateChanged function - putting this inside a useEffect solved this for me