you are a lifesaver!!!! ive spent hours trying to figure out installing firebase on the ios version of an app for a client. no idea why, but after following your tutorial it works!!!!!
who does this leaderboard works out? When you restart by pushing the 'Go' Button, does the counted steps from earlier start at zero or does the counting just continious?
This is awesome, thanks Dan! I got it to work only after a few hours cos I made a very silly mistake of sending the wrong format of the credentials to firebase authentication, should have been more careful when I code! Thanks again and keep it coming!
I I followed all the steps ( but I am on o Andoird). I am stucked on this error message: ERROR Error logging screen event: [Error: You attempted to use a firebase module that's not installed on your Android project by calling firebase.app(). By chance do you have an hint? :) Thanks
@@DanRNLab enjoyed and learned 🙂 I was struggling with expo and fb because I was missing that “static” config. Do you have some pattern that you use to decouple firebase calls out of tsx and make it reusable?
I saw you mentioned Redux. For anything that doesn’t require a listener you can probably just throw it in a Thunk. For the queries that require listeners you would have to do some research there. In RTK there is a listener middleware which might be a good place for the listener calls. I haven’t used that before though so I can’t say too much about it
Thank you Dan, one content request here would be: Receiving push notifications in an Expo app by using FCM&APNS directly instead of Expo’s Push API. Especially an FCM&Expo integration guide for IOS would be really helpful as there isn’t much resource on this topic and I can see that you’ve already integrated Expo&Firebase quite successfully for IOS.
Hi Dan, this looks great but I don't think its the first in the series, at about the 6:30 mark you mention a previous tutorial but I can't see a link to it, can you flick me a link to it?
Nice tutorial. Simple and clean but I would expect you not to skip the screen designs. While I was writing the code, I looked at the states already written, the design is done.
Hey Dan, I got one more questions regarding the setup: Is the expo-modules-autolinking package necessary? I didn’t add it and seems to work fine without it. Thanks again for the great tutorial!:)
Not sure if this helps, but npx expo-doctor told me that it was already installed with a different dependency, so I should remove it. Maybe that's why it was fine for you?
I am getting this warning when running expo-doctor, do i have to fix anything? "The package "expo-modules-autolinking" should not be installed directly in your project. It is a dependency of other Expo packages and should be installed automatically."
helo dan, after week of trying, researching and even trying different versions of this damn package, i am frustrated and helpless. i still have an error: FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call initializeApp() first (app/no-app)., js engine: hermes on each app's launch. any help please?
If you are still having issues at this point I recommend trying the Expo team’s discord. It’s really active and lots of people ask questions there discord.com/invite/expo
Hi, I need help. I have an existing Firebase Expo app with Firebase authentication already implemented as webapp. I want to add push notification functionality using expo-notifications without creating a separate Android project. How do I go about it thanks
who does this leaderboard works out? When you restart by pushing the 'Go' Button, does the counted steps from earlier start at zero or does the counting just continious?
Very useful video!!! I would just like to know if you chose your bundle ID arbitrarily, because I can't find it anywhere in my Expo project. Thanks for the great tutorial!
hi i am currently stucked in this process. i am using the expo (tabs) navigation folder with a _layout.js where i defined the files in the bottom tab. however when users login details are correct i am useing router.replace. is this good or bad?
Just curious which do you think is less buggy (at least for adding Google/FB Authentication)... ExpoGo + Firebase JS SDK vs Expo Custom Dev Build + ReactNative Firebase ???
I would say go with React-Native Firebase and Expo Custom dev build. You get extra benefits too like all the native mobile functionality it provides. The JS SDK doesn’t give you that
I used prebuild because it kept things more focused on Firebase. I didn’t want to pull the viewer away into the EAS Build process and distract from the Expo + Firebase work.
I record first then do the voiceover after. Doing them both at the same time makes it easier to make typing errors. I found trying to do both at the same time slows me down a lot and I can’t fit as much in the tutorial.
Hey Dan, Great tutorial. However when I try implement the Firebase auth I can't run the simulation or app on my phone and get the error: "Invariant Violation: Your JavaScript code tried to access a native module that doesn't exist." I believe this is to do with the Firebase module. It recommends to use the developer build of my app but, i'm wondering if i could get this to work without using the dev build. Any suggestions ?
I am using windows, so wasn't able to run : " npx expo run:ios " incase that makes the difference, i was using " expo start" and the app. I could run the Prebuild successfully.
Hey man, thanks for the video. Had no idea it was actually possible to run @react-native-firebase alongside Expo. Question though, since we're not using the Expo Go app anymore in this workflow, do I need to run anything extra when installing a new package? Let's say I `npm install` a random RN Calendar component, do I need to run `prebuild` again before running `npx expo run:ios` ?
Do you mean the step counter library? If so I already have a video for that How to build an Expo Library using Native Modules ua-cam.com/video/ZNE7Of3TZAY/v-deo.html
Also another question, what is the essence of doing db().ref('.....) what is it for? is that sending the data in the form to the database e.g name, etc, is it the name from the state? - [name, setName]... If yes, totalScore was not initialized as a state in the app. Please clarify. Thanks
Hi Dan, just a quick question cuz am using vanilla JavaScript. What is the equivalence of using FirebaseAuthTypes .UserCredentials in JavaScript and not Typescript because I discovered that the user is not logging in.
Hey I'm a complete noob...if I do this, can I still test my app using ExpoGo on IOS? (I do not have any MACos machine only windows) thx liked and subscribed
Thanks for the like and sub 🙂. You can’t use Expo Go anymore if you go this route. You _should_ be able to use EAS Build though to create a custom client for your app though. I think that can be installed on your iPhone and it behaves in a similar way to Expo Go.
@@DanRNLab wow thanks so much! I really appreciate you replying. I will look into this. Great channel btw I'm going to go ahead and check out some other videos & try to learn
Sir and I have one request.. it's only one I'm thinking to ask you when I was watching this series.. can you do a bbc iplayer radio app wheel (like channel selection wheel) project so that when we spin a wheel with our thumb.. the channel has to slide... I watched other vedios regarding this..but the way u explain everything... Is quite understable compare to everyone else.. so I'm requesting you to make a small vedio about this project please...sir...this is my only request... ❤️Thank you sir... I'm also attaching the vedios for your reference ua-cam.com/video/8TqKIsQJxLQ/v-deo.html ua-cam.com/video/zF9rmPH00AA/v-deo.html
hi !! good tuto, it helps me a lot .. but i got this error: Could not set unknown property 'classifier' for task ':expo-sample-pedometer:androidSourcesJar' of type org.gradle.api.tasks.bundling.Jar.
Bro f'd up my whole project...ERROR in ./node_modules/@react-native-firebase/app/lib/internal/SharedEventEmitter.js:18 Module not found: Can't resolve 'react-native/Libraries/vendor/emitter/EventEmitter' 16 | */ 17 |
Any idea why am I getting this error? You attempted to use a firebase module that's not installed on your Android project by calling firebase.app(). Ensure you have: 1) imported the 'io.invertase.firebase.app.ReactNativeFirebaseAppPackage' module in your 'MainApplication.java' file. 2) Added the 'new ReactNativeFirebaseAppPackage()' line inside of the RN 'getPackages()' method list.
Loving these videos! So great to see new creators pop up making modern Expo and RN tutorials
Thanks, it means a lot 🙂! Happy you enjoyed this
you are a lifesaver!!!! ive spent hours trying to figure out installing firebase on the ios version of an app for a client. no idea why, but after following your tutorial it works!!!!!
Happy to help!!!
Life saver !!! was about to eject expo in a couple of minutes to setup firebase haha! good looking out
Happy to help 🙂
You helped me solve in minutes a problem had had plagued me for days. Thank you, sir!
Happy to help 🙏😀
Thank you su much, I was stuck trying to get this working and with your video I was able to make it successfully!
Great video! The only one I found on the subject so far with code that actually works. Thanks!
Happy to help!!!
who does this leaderboard works out? When you restart by pushing the 'Go' Button, does the counted steps from earlier start at zero or does the counting just continious?
Thanks so much! The expo config bit was really helpful.
i find this channel and it's like finding a treasure! thanks Dan for this amazing videos god bless
Thanks for the kind words 😀 ! Excited to bring more videos !
thanks man. I've been looking for something like this for a quite a long time. I used it and it's awsome. keep up the good work. love.
Thanks for the kind words 🙂 happy to help!!!
This is awesome, thanks Dan! I got it to work only after a few hours cos I made a very silly mistake of sending the wrong format of the credentials to firebase authentication, should have been more careful when I code! Thanks again and keep it coming!
I I followed all the steps ( but I am on o Andoird). I am stucked on this error message:
ERROR Error logging screen event: [Error: You attempted to use a firebase module that's not installed on your Android project by calling firebase.app().
By chance do you have an hint? :) Thanks
I have this error too, no clue what to do
Any solutions?
add me to this list
x4
going into the simulator and deleting the actual app(s) before running npx expo start, etc. worked for me
Thanks for the clear explanation, good luck!
Liked before even watched. Great video. Maybe idea for the future decoupling firebase calls maybe even with redux :) Thanks for video..
Happy you enjoyed it 👍
@@DanRNLab enjoyed and learned 🙂 I was struggling with expo and fb because I was missing that “static” config. Do you have some pattern that you use to decouple firebase calls out of tsx and make it reusable?
I saw you mentioned Redux. For anything that doesn’t require a listener you can probably just throw it in a Thunk. For the queries that require listeners you would have to do some research there. In RTK there is a listener middleware which might be a good place for the listener calls. I haven’t used that before though so I can’t say too much about it
Thanks Dan! Awesome tutorial
Glad you enjoyed it! 🙂
You're the best, keep going!
Thanks! 😄
Thank you Dan, one content request here would be: Receiving push notifications in an Expo app by using FCM&APNS directly instead of Expo’s Push API. Especially an FCM&Expo integration guide for IOS would be really helpful as there isn’t much resource on this topic and I can see that you’ve already integrated Expo&Firebase quite successfully for IOS.
You have saved me a lifetime
Happy to help!!!
Awesome tutorial! How could the Google auth provider be implemented?
Thanks this was super helpful keep it up
Happy to help 🙂
Great job!
Great video🙌🙌🙌🙌
Thanks for the kind words 😀!!!
@@DanRNLab you are welcome. it straight forward and precise to the point. I’m your new subscriber now.
Hi Dan, this looks great but I don't think its the first in the series, at about the 6:30 mark you mention a previous tutorial but I can't see a link to it, can you flick me a link to it?
Nice tutorial. Simple and clean but I would expect you not to skip the screen designs. While I was writing the code, I looked at the states already written, the design is done.
Does it actually count number of steps taken?
Is there a way to use remote config?
How can i implement sign in with Google functionality using this approach...?
Sp doesn't work with expo go 😢
Hey Dan, I got one more questions regarding the setup: Is the expo-modules-autolinking package necessary? I didn’t add it and seems to work fine without it. Thanks again for the great tutorial!:)
On my end it was, without adding this I wasn’t able to run prebuild.
Not sure if this helps, but npx expo-doctor told me that it was already installed with a different dependency, so I should remove it. Maybe that's why it was fine for you?
hey mr. , I'm meeting this problem "Cannot find name 'db'." , how to solve it?
When i run the npx expo prebuild command, it onlly build for Android and not for IOS, how can i fix this ?
There may be issues with your Xcode setup. I would start debugging there
You did not mention how to install expo, i feel even thats' a problem, they have ben changing alot of things, local cli global cli and what not.
I am getting this warning when running expo-doctor, do i have to fix anything? "The package "expo-modules-autolinking" should not be installed directly in your project. It is a dependency of other Expo packages and should be installed automatically."
is there any particular naming convention for the Apple Bundling ID?
helo dan, after week of trying, researching and even trying different versions of this damn package, i am frustrated and helpless. i still have an error: FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call initializeApp() first (app/no-app)., js engine: hermes on each app's launch. any help please?
If you are still having issues at this point I recommend trying the Expo team’s discord. It’s really active and lots of people ask questions there discord.com/invite/expo
thanks a lot@@DanRNLab
Thanks dan! Is the plugin configuration you did mandatory??? I didn't get it.
thanks
Hi, I need help. I have an existing Firebase Expo app with Firebase authentication already implemented as webapp.
I want to add push notification functionality using expo-notifications without creating a separate Android project.
How do I go about it thanks
who does this leaderboard works out? When you restart by pushing the 'Go' Button, does the counted steps from earlier start at zero or does the counting just continious?
Thank you for this tutorial! But it does not work on Android ☹️
How do you upload your previous expo app as plugin
Very useful video!!! I would just like to know if you chose your bundle ID arbitrarily, because I can't find it anywhere in my Expo project. Thanks for the great tutorial!
Hey, I just picked one I thought best suited my project. You make them up yourself
hi i am currently stucked in this process. i am using the expo (tabs) navigation folder with a _layout.js where i defined the files in the bottom tab. however when users login details are correct i am useing router.replace. is this good or bad?
Hey Dan, are these steps similar if we wanted to use Firestore instead of Realtime?
i think when run prebuild command in windows it only build for android not for ios .For ios we have to require a mac. correct if I am wrong...
For iOS your require a Mac or you can use the cloud EAS service provided by Expo
@@DanRNLab thankyou sir for your reply
Just curious which do you think is less buggy (at least for adding Google/FB Authentication)...
ExpoGo + Firebase JS SDK vs Expo Custom Dev Build + ReactNative Firebase ???
I would say go with React-Native Firebase and Expo Custom dev build. You get extra benefits too like all the native mobile functionality it provides. The JS SDK doesn’t give you that
Where do you find your app bundle ID in expo?
got it?
Awesome tutorial! Why are you prebuilding instead of using a dev client?
I used prebuild because it kept things more focused on Firebase. I didn’t want to pull the viewer away into the EAS Build process and distract from the Expo + Firebase work.
@@DanRNLab Would appreciate a video on dev client! Been struggling with it for a while
Where did u get that bundle ID from? or you just made it up? Thanks for the video.
When you do prebuild you can set it to whatever you want.
great tutorial, thanks! I'm curious, do you record the screen first, and then do the voice over after? Or do you talk and code simultanenously?
I record first then do the voiceover after. Doing them both at the same time makes it easier to make typing errors. I found trying to do both at the same time slows me down a lot and I can’t fit as much in the tutorial.
Hey Dan, Great tutorial. However when I try implement the Firebase auth I can't run the simulation or app on my phone and get the error: "Invariant Violation: Your JavaScript code tried to access a native module that doesn't exist." I believe this is to do with the Firebase module. It recommends to use the developer build of my app but, i'm wondering if i could get this to work without using the dev build. Any suggestions ?
I am using windows, so wasn't able to run : " npx expo run:ios " incase that makes the difference, i was using " expo start" and the app. I could run the Prebuild successfully.
I don’t have a windows machine so I can’t really diagnose this. I recommend asking on the Expo discord: discord.com/invite/expo
@@DanRNLab thanks for the reply!
Hey man, thanks for the video. Had no idea it was actually possible to run @react-native-firebase alongside Expo. Question though, since we're not using the Expo Go app anymore in this workflow, do I need to run anything extra when installing a new package? Let's say I `npm install` a random RN Calendar component, do I need to run `prebuild` again before running `npx expo run:ios` ?
I think run:iOS does prebuild before compiling.
@@DanRNLab Thank you! And btw, should we be adding the ios/android folders to .gitignore?
FYI, seems you can't prebuild IOS on windows 😑
great job, can you please make a video how did you created the walk hero sample ?
Do you mean the step counter library? If so I already have a video for that
How to build an Expo Library using Native Modules
ua-cam.com/video/ZNE7Of3TZAY/v-deo.html
Great i will watch it thank you so much dear
Also another question, what is the essence of doing db().ref('.....) what is it for? is that sending the data in the form to the database e.g name, etc, is it the name from the state? - [name, setName]... If yes, totalScore was not initialized as a state in the app. Please clarify. Thanks
Ref represents the path to a given object or primitive in the database. If it doesn’t exist yet in the db then Firebase creates that ref for you
@@DanRNLab Thank you
will u please have a tutorial with firebase dynamic links and analytics please?
Sadly, Dynamic Links are being discontinued by Google 😔
firebase.google.com/support/dynamic-links-faq
Hi Dan, just a quick question cuz am using vanilla JavaScript. What is the equivalence of using FirebaseAuthTypes .UserCredentials in JavaScript and not Typescript because I discovered that the user is not logging in.
Hey, I don’t think there is an equivalent in JS unfortunately. The structure of the object should be the same though regardless of JS or TS
@@DanRNLab Alright, thank you sir
Hello Dan, How to use ImageNotification (FCM) with eas build ?
Hey I have a tutorial about Push Notifications in general. Not sure if that helps: ua-cam.com/video/s8OKmkyclEg/v-deo.htmlsi=wYbZA7teANt4v7XO
How can i find my expo app? - - Android package name
If you’ve run prebuild already it will be in your app level build.gradle file
How'd you get the iOS emulator on the right?
Seems like he is on macos, there’s a built-in ios emulator. (or at least you can download it. It’s not available on windows though
Hey I'm a complete noob...if I do this, can I still test my app using ExpoGo on IOS? (I do not have any MACos machine only windows)
thx liked and subscribed
Thanks for the like and sub 🙂. You can’t use Expo Go anymore if you go this route. You _should_ be able to use EAS Build though to create a custom client for your app though. I think that can be installed on your iPhone and it behaves in a similar way to Expo Go.
@@DanRNLab wow thanks so much! I really appreciate you replying. I will look into this. Great channel btw I'm going to go ahead and check out some other videos & try to learn
hi man, How to get the ID project.
It should be available in the Firebase console for your project
did not work for me :)
Sir and I have one request.. it's only one I'm thinking to ask you when I was watching this series.. can you do a bbc iplayer radio app wheel (like channel selection wheel) project so that when we spin a wheel with our thumb.. the channel has to slide... I watched other vedios regarding this..but the way u explain everything... Is quite understable compare to everyone else.. so I'm requesting you to make a small vedio about this project please...sir...this is my only request... ❤️Thank you sir...
I'm also attaching the vedios for your reference
ua-cam.com/video/8TqKIsQJxLQ/v-deo.html
ua-cam.com/video/zF9rmPH00AA/v-deo.html
hi !! good tuto, it helps me a lot ..
but i got this error:
Could not set unknown property 'classifier' for task ':expo-sample-pedometer:androidSourcesJar' of type org.gradle.api.tasks.bundling.Jar.
Bro f'd up my whole project...ERROR in ./node_modules/@react-native-firebase/app/lib/internal/SharedEventEmitter.js:18
Module not found: Can't resolve 'react-native/Libraries/vendor/emitter/EventEmitter'
16 | */
17 |
I haven’t seen this error before. Might be best to see if you can get some help in the Expo Discord Server:
discord.com/invite/4gtbPAdpaE
Any idea why am I getting this error?
You attempted to use a firebase module that's not installed on your Android project by calling firebase.app().
Ensure you have:
1) imported the 'io.invertase.firebase.app.ReactNativeFirebaseAppPackage' module in your 'MainApplication.java' file.
2) Added the 'new ReactNativeFirebaseAppPackage()' line inside of the RN 'getPackages()' method list.
I've done exactly what the video showed, and I'm facing the same issue. Were you able to resolve it?