[2024] Firebase React Native EXPO Authentication Setup (File Based Routing)

  Рет қаралды 3,634

Andrew Heim - Dev

Andrew Heim - Dev

Күн бұрын

Пікірлер: 22
@crim-son
@crim-son 12 күн бұрын
Very helpful video, But what's the best way to navigate user to either the app or auth or onboarding screens depending on whether they're logged in or not
@tranduy4070
@tranduy4070 4 ай бұрын
just used this guide. Everything was explained clearly, and the process is somuch eaiser. Thanks Andrew!
@andrewheimdev
@andrewheimdev 4 ай бұрын
No problem @tranduy4070 I'm happy it helped
@wagnerdevcode
@wagnerdevcode 2 ай бұрын
Thanks! Good Job.
@andrewheimdev
@andrewheimdev Ай бұрын
Thanks! Appreciate it!
@student2k185
@student2k185 4 ай бұрын
So good tutorial thabk you! please do video for firestore database in react native expo
@andrewheimdev
@andrewheimdev 4 ай бұрын
Yeah no problem! Thanks for watching
@student2k185
@student2k185 4 ай бұрын
is there any particular code I can comment out to temporarily disable the sign up, login screen and animation?
@andrewheimdev
@andrewheimdev 4 ай бұрын
yes I would just pout a ! operator in front of the user object when we either route to the initial layout or the (tabs) layout. It's in the app/_layout.tsx. Instead of { user ? you will do { !user ?
@student2k185
@student2k185 4 ай бұрын
@@andrewheimdev sorry I could not find any code in the files that specifically says "{ user ?" should I search something else instead, or are there some steps I'm missing? Thanks Andrew
@andrewheimdev
@andrewheimdev 4 ай бұрын
​@@student2k185 Sorry looking at the code now, and was thinking of a different firebase setup. In this screen: github.com/andepants/app-ship/blob/main/app/_layout.tsx I would comment out the Stack.Screens (index and login) so that only the tabs screen is available. Then just in case I would go here: github.com/andepants/app-ship/blob/main/app/(tabs)/_layout.tsx and comment out the onAuthStateChanged, so that we don't reroute back to the root directory. Let me know if you have any other questions.
@student2k185
@student2k185 4 ай бұрын
@@andrewheimdev unfortunately seems to still take me to the index animation screen with the login and sign up buttons instead of taking me directly to the tabs.
@andrewheimdev
@andrewheimdev 3 ай бұрын
@@student2k185 Sorry about that. Okay this should really work. I tested it out: go to app/index.tsx and add this line on line 7: return ; and it just redirects to the tabs page. Also got to make sure the onAuthStateChange is commented out too!
Role Based Navigation in React Native with Expo Router
25:41
Simon Grimm
Рет қаралды 14 М.
REAL 3D brush can draw grass Life Hack #shorts #lifehacks
00:42
MrMaximus
Рет қаралды 12 МЛН
Хасанның өзі эфирге шықты! “Қылмыстық топқа қатысым жоқ” дейді. Талғарда не болды? Халық сене ме?
09:25
Демократиялы Қазақстан / Демократический Казахстан
Рет қаралды 357 М.
React Native vs Flutter - Which should you use?
22:31
Simon Grimm
Рет қаралды 42 М.
Firebase Authentication W/ Expo Router - Expo 50
5:23
Jeremy
Рет қаралды 3,2 М.
Sign In with Google | React Native Expo | Tutorial 2024
15:11
Omatsola Dev
Рет қаралды 8 М.
How is this Website so fast!?
13:39
Wes Bos
Рет қаралды 722 М.
React Native Firebase Authentication with Expo Router
27:07
Simon Grimm
Рет қаралды 18 М.
Expo Notifications with EAS | Complete Guide
51:50
Code with Beto
Рет қаралды 4,9 М.
How to setup firebase in react native app
15:55
The Don Hub
Рет қаралды 3,6 М.
Expo Go vs Development Builds: Which should you use?
21:37