Ultimate Firebase Setup for Expo in 2024: Step-by-Step Guide with Expo Router V3 & Full Auth Flow

🚀 Ultimate Firebase Setup for Expo (in 2024) 🚀

Welcome to the complete guide for setting up Firebase with your Expo app! In this video, you'll learn how to seamlessly integrate Firebase (React Native Firebase library), utilize Expo Router V3, and implement a full authentication workflow (login, signup and logout).

📌 What You'll Learn:

Firebase Setup: Step-by-step instructions to configure Firebase for your Expo app.
Expo Router V3: How to use the latest Expo Router V3 for smooth navigation to separate protected routes and auth screens.
Authentication Workflow: Full guide to implementing authentication (sign-up, login, and logout).

Don't forget to like, subscribe, and hit the notification bell for more tutorials!

💬 Got questions? Drop them in the comments below and I'll be happy to help!

🔧 Tools & Technologies Covered:
Firebase
Expo
Expo Router V3
TypeScript

Useful Links:

Video Timeline:
00:00 Intro and a demo
03:35 My Voice
04:12 Create Firebase project
07:13 Add Android app for Firebase project
10:48 Add iOS app for Firebase project
20:08 Configuring RN Firebase modules in Expo app
31:35 EAS build for Android and iOS apps
35:52 Installing the Android build on the emulator
37:47 Reorganizing project structure to create protected routes
45:34 Login and Signup Screens UI
48:45 Auth Listener Logic
53:38 Signup Logic
58:09 Logout Logic
59:58 Login Logic
01:01:56 Handling auth if admin deletes the user
01:10:06 iOS demo
01:13:39 Outro

#firebase #expo #ExpoRouter #reactnative #typescript
#Firebase #Expo #ExpoRouterV3 #MobileAppDevelopment #Authentication #ReactNative #CodingTutorial #AppDevelopment #JavaScript #TypeScript

[leocrawf]

Wouldn't "npx expo prebuild" make this process easier so that you can do the builds on your local machine using "npx expo run:android" and "npx expo run:ios" without the need for eas services?

[dcastanheira]

struggling to add firestore. i cant seem to get the initalization to work i tried to import the app config from app.config.ts to get it initialized but its not importing as an object