React Native Expo Firebase Tutorial

[@abiodunomonijo]

I fell in love with your narration style. Well done.

[@JosePedro-ry8su]

You are hilarious! Great tutorial, really loved and appreciated it, wishing you the best of the best!

[@ffkraemer]

Very good, dude, thank you so much!

[@andrewheimdev]

No probem! Thank you for watching

[@Manojkumar-fq2vu]

This is really a good repo . I have star it ⭐⭐⭐⭐

[@andrewheimdev]

Thanks for the star :)

[@mdkvaofficial]

Amazing Buddy... Love from Pakistan...

[@andrewheimdev]

Thanks! Appreciate it! :)

[@Ihcim007]

Thanks man

[@andrewheimdev]

Are you looking for any specific information for the multi step form? (ex. username, first name, last name, location, profile image) or are you asking for SMS Multi-factor Authentication?

[@서민기-i6r]

thanks bro. Would be great if you later deal with firebase push notification later!

[@andrewheimdev]

Great idea! I will try and get that in a future video.

[@GuillaumeHuchet]

Hey thank you so much, this is truly amazing! A couple days ago I did it and it worked perfectly, but today when I tried to do it again from scratch I keep getting the following issue in the terminal: ERROR Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render. (for information I updated today to macOS Sequoia 15.1 Developer Beta it might be that? but unsure tbh) Otherwise, thanks a lot, you've been very helpful with those tutorials :)

[@andrewheimdev]

Yeah not sure exactly whats up! Thanks for the comment! :)

[@thabomashiyane689]

great !! video man, I appreciate it. Could you do a tutorial where you incorporate use Session and wrap the entire app

[@andrewheimdev]

Thanks! Appreciate your appreciation. What would you need to use useSession for?

[@thabomashiyane689]

@@andrewheimdev I want to wrap my auth session in my entire app, for example the user signs in then he/she will be able submit or post something on my app under the sign in email or credentials.

[@andrewheimdev]

I see what you are saying. I don't use useSession. But for your use case I would just use auth().currentUser so something like this: import auth from '@react-native-firebase/auth'; useEffect(() => { console.log('auth', auth().currentUser) }, []) You then have access to all the user info provided. Also I found this stack overflow: stackoverflow.com/questions/57776847/how-to-manage-user-session-in-react-native if you want to manage userSession using a different storage method.

[@student2k185]

Great video and thanks for timestamp its very helpful. Is there a particular guide that helped you understand the firebase topics to create this app?

[@andrewheimdev]

Thanks. Simon Grimm has a good youtube video on authentication. Then for the rest I would say just the firebase docs, google, and chatGPT/copilot!

[@student2k185]

@@andrewheimdev Hello Andrew, In firebase config we have the persistence which I think should keep the user logged in even after closing the app and reopening it. But since we are using expo emulator I how can I test that it works? I tried to login and close the app and open again but it takes me back to login screen instead of just keeping me logged in.

[@andrewheimdev]

@@student2k185 Hmmm I usually use an IOS simulator when I'm testing, and it seemed to work for me. What simulator are you using? Expo Go? And you can build and test the app on a physical device as well. Just would have to setup your phone with xcode for ios or android studio for android.

[@noorsaid2259]

can you make a video on firebase authentication using OTP verification with phone number

[@andrewheimdev]

Yes! I'm currently working on that now!

[@andrewheimdev]

I just made and posted the firebase authentication using OTP verification with phone number! Let me know what you think of it!

[@moyeon07]

What if I choose Android instead of web app? Do I still need to create firebase config file?? Plz make a video on this too

[@andrewheimdev]

It will be more complicated with android setup. You'll have a google-services.json file that will have all of your config for firebase inside of it that you will place in your app. Then you'll need to add some plugins to your gradle file to get everything going. And the syntax will be different as well... So a bit different than this video. My next video was setting up google sign in for ios and android. So it will touch on this. Any specific items you are trying to implement?

[@moyeon07]

@@andrewheimdev I'm completely new to this, I'm making a project on a cafeteria app using react-native expo n firebase Ryt now I'm doing the authentication of sign-up n even tho I set the plugins when I click on sign-up the details don't come I keep getting log error: auth doesn't exist tho it is still there

[@andrewheimdev]

@@moyeon07 Hmmm yeah really can't tell you exactly what is going on without looking at it more. One thing you can try is using "npx expo prebuild" docs.expo.dev/workflow/prebuild/ Every time you install a new package you have to rebuild your app. Also The example in this video uses the firebase javascript web app instead of android, but it works totally fine with android. Just depends on what type of authentication you are trying to do. If it's just email/password you are fine. If it involves sign in with google, it will take a few more steps.

[@RefinedLuxe]

can you make a real tutorial not a walk through please

[@andrewheimdev]

Yeah what do you mean by a real tutorial? Walking through each line of code, or typing everything instead of copy pasting it?