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

Github Repo: https://github.com/AkbarBakhshi/RN-Jo...

Useful Links:
React Native Firebase library: https://rnfirebase.io/
Firebase console: https://console.firebase.google.com/
Create Client ID for Firebase App: https://developers.google.com/google-...
Environment Variables and Secrets in EAS build: https://docs.expo.dev/build-reference...
Configure Expo app with App Config: https://docs.expo.dev/workflow/config...
React Native Elements: https://reactnativeelements.com/docs/...
RN Firebase issue while building iOS app with EAS: https://github.com/invertase/react-na...

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