React Native Authentication with Firebase and Expo in 27 minutes

Learn to use Firebase with Expo by building a simple authentication flow in 27 minutes. In this tutorial, we’ll be using Expo, Firebase, and React Navigation. The app is kept very simple for the purpose of helping you understand the basics of Firebase, and giving you the ability to use this code in your own projects.

✅ WHAT YOU’LL LEARN
• Using Expo to build a react native app
• Using React Navigation, more specifically a Stack Navigator
• Styling components
• Using Firebase authentication to register, login, and sign out users from your app

💻 CODE

👇 SOCIALS

💰SUPPORT THE CHANNEL

⏱ TIMESTAMPS
00:00 - What we’ll be building
01:03 - Technology used
01:16 - Project setup
03:16 - Stack navigator
05:50 - Login UI
13:46 - Login state
15:00 - Firebase project setup
17:30 - Firebase handle sign up
19:35 - Firebase handle login
20:31 - Firebase user auth listener
22:48 - Home UI
24:14 - Show logged in user’s email
25:00 - Firebase handle sign out
26:44 - DONE 🎉

[dmcdcm]

You should be proud of this tutorial. You've made something challenging to wrap your mind around easy to understand. Superb!

[matart]

I'm pleased to have found this tutorial after a month of searching—it's concise, clear, and straightforward, with no unnecessary jargon or complexity. ❤❤❤❤❤

[jellyyyc]

Gotta say this is amazing. Precise, compact & thoughtful. Would love to see more firebase content in the future. Keep up the good work!

[imhuman]

The best video on Firebase - Authentication with React Native.

[yashshah]

I have been trying to get a solution for firebase auth since past 4 have watched over 20+ videos...yours was the best. Thank you so much for creating such an understandable tutorial keep on going ❤❤

[Fathima_Ilmaa]

I hunted for many tutorials to build the Firebase integration, and yours was the best. Simple, straightforward, and to the point! Thank you for saving my time🎉

[shortvdsreact]

Hello guys, if you are watching this video in 2024 and version of your firebase is 10+ you may have encountered errors such as "unable to resolve firebase" or "cannot read length" you should change your import in firebase.js to import * as firebase from "firebase/compat"; No need to change anything else in the code. This worked for me so I hope it helps you as well.

[ollie]

These are the most clear react tutorials I've seen, you're the best! Can you please cover more firebase in the future? (How users can upload text or files to a storage that has an ID or similar only for that group of people?) THANK U!!

[HabitosySabidurias]

I got all what I need in just 27 minutes, he went direct to the point

[noisemastering]

I wish more tutorials were this well-articulated and precise. Thanks a lot.

[manuperez]

You make look React Native easier than it actually is. Keep it up, man! I'm learning a lot from you.

[rodolfomoro]

Honestly one of the best tutorial that I have seen here. Straight forward and so easier to understand. Thank you so much

[saudsattar]

This was actually an amazing tutorial, I've tried looking for things like this previously but I could never find it. It would always be how to design a Login UI but it would never include the authentication. Honestly so glad I found this channel

[justin]

I had to make a few changes due to updates for firebase but otherwise this was the catalyst that got me through a 3day headache of establishing auth. Thanks!

[guccigreatness]

This was a easy to follow tutorial. Bro you're doing a great job! :)

[jkadoodle]

I'm using Firebase 9, if you have trouble importing auth like me, change the main import line to ' import firebase from "firebase/compat" '

[vladut]

READ THIS IF NOTHING WORKS AND ITS SUMMER 2023:

[pjf]

Nice clear tutorial. I think most tutorials are not too logical but this one completely makes sense. Thanks!

[Tonyx]

Will you be making any more tutorials? Yours is the most straight forward and clearest I have ever seen, tank you

[sanghoonkim]

I watched a lot of videos but always failure with firebase. But in this video, I've success firebase. Thank you.