Тёмный

Google Sign in Using React Native and Firebase Tutorial | React Native Tutorial And Project | JS 

Bug Ninza
Подписаться 10 тыс.
Просмотров 30 тыс.
50% 1

Source Code & More: / bugninza
Hello guys, My name is Rohit Kumar Thakur. In this video, I am gonna show you, how to add Sign In With Google authentication in your react native expo application.
React Native Expo is a cross-platform framework, which gonna helps you to build mobile apps for both Android & iOS devices. The code part is not that much tough. You just have to follow the video to get the desired output. Happy Hacking
In this video, I am using the latest SDK version of react native Expo which is 46. As you all know, the expo-google package is officially deprecated by the expo. So, Either you have to use Auth session for google sign-in or you have to use the react native code to get the job done. Here, In this video, I am using the react native code. The native build code does not support the Expo go mobile application. So, Either you have to choose the Development build method or the Expo prebuild method.
In this video, I am going with prebuild method. Don't worry you don't have to install Android Studio or any other file to get our job done. The set-up part is a little bit hectic. Maybe you have to pay extra attention. I will provide all the useful links down below. If you face any difficulty then you can DM me on Instagram or Twitter.
𝐁𝐨𝐨𝐤 ( 𝐅𝐫𝐨𝐦 𝐂𝐨𝐝𝐞 𝐓𝐨 𝐂𝐨𝐧𝐧𝐞𝐜𝐭𝐢𝐨𝐧𝐬: 𝐀 𝐃𝐞𝐯𝐞𝐥𝐨𝐩𝐞𝐫’𝐬 𝐠𝐮𝐢𝐝𝐞 𝐭𝐨 𝐛𝐮𝐢𝐥𝐝𝐢𝐧𝐠 𝐚 𝐬𝐨𝐜𝐢𝐚𝐥 𝐜𝐚𝐫𝐞𝐞𝐫 )
Amazon India: amzn.eu/d/axYh0B4
Amazon Worldwide: a.co/d/acqJOYR
Gumroad (pdf): ninza7.gumroad.com/l/codetoco...
React Native Firebase: rnfirebase.io/
Social Auth Google: rnfirebase.io/auth/social-aut...
Listening to authentication state: rnfirebase.io/auth/usage#list...
Google Sign-in Package(Expo): github.com/react-native-googl...
Adding custom native code: docs.expo.dev/workflow/custom...
Development Build: docs.expo.dev/development/get...
QR Code Scanner Application: play.google.com/store/apps/de...
Firebase: firebase.google.com/
Topics covered:
✅ Start a react native expo application
✅ Installation of react native and firebase packages
✅ How to use development build method in expo application
✅ Use of expo dev client
✅ Full firebase android set-up for react native and google authentication
✅ Use of eas build for android in expo applications
✅ Add native code in expo applications
✅ Sign-in with Google using Firebase and react native expo full set-up and code
npm and expo packages used:
npm install --save @react-native-firebase/app
npm i @react-native-firebase/auth
npx expo install @react-native-google-signin/google-signin
npx expo install expo-dev-client
My social Links:
Instagram: / _ninza7
Twitter: / _ninza7
Website: ninza7.me
Video widgets edited by: / kaushal_2319
Music Source: NCS
Tags: firebase, firebase tutorial, what is firebase, firebase tutorial in hindi, firestore, firebase database, react firebase, firebase react, firebase realtime database, react native, react native tutorial, react native tutorial in hindi, react native project, react native tutorial for beginners, react native app, react native full course, react native navigation, native react, react native course, react native projects, what is react native, react native app development, react native firebase, react native crash course, react native ui, learn react native, flatlist react native, react native in hindi, react native tutorial for beginners, react native app development, react native project from scratch, react js. expo react native, react native tutorial for beginners, Google authentication using expo, google sign-in using react native code. Signin with google react native and firebase tutorial, Firebase, firebase console, google firebase, react native firebase, firebase database, firebase pricing, firebase auth, firebase analytics, firebase authentication, firebase login, firebase cloud messaging, firebase storage, react firebase, npm firebase, firebase tutorial, firebase app, firebase sdk, google firebase console, firebase crashlytics, react native firebase auth, firebase fcm, reactfire, firebase web, firebase android, firebase ios, firebase backend, firebase cloud, firebase cloud storage,
#reactjs #javascript #reactnative #ios #android #react #firebase

Опубликовано:

 

31 авг 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 149   
@BugNinza
@BugNinza Год назад
All the required links and package names are available in the description. DM me on Instagram or Twitter for any queries. Do subscribe and keep supporting❤
@russelldavis5248
@russelldavis5248 Год назад
Thank you, Rohit!! Was stuck on this and not finding a solution. Amazing how quickly tutorials get out of date. I appreciate the thorough walk through.
@BugNinza
@BugNinza Год назад
Glad it helped! Keep supporting
@mauriciobertolucci
@mauriciobertolucci Месяц назад
Hello Rohit, I want to thank you very much for this tutorial, it was the first one, after days that I followed it and it really works. Thank you for sharing your knowledge. I'm going to marathon your other videos now. 😊👍
@BugNinza
@BugNinza Месяц назад
Sure, and let me know if you encounter any errors 🤜🏻🤛🏻
@DavidAlcott
@DavidAlcott Год назад
Thank you so much man! Before I saw your video, I had almost lost hope trying to implement this. Thanks again. Content is excellent.
@BugNinza
@BugNinza Год назад
haha..!! Glad it helped! Don't lose hope. I am only one comment/DM away. Keep supporting
@abhidadhaniya5701
@abhidadhaniya5701 Год назад
Thank you so so soo much sir. I completely wasted my entire day to solve errors for firebase and react native configuration and at the end of the day I found your video. Once again, Thanks a lot for whole step by step process. ❤
@BugNinza
@BugNinza Год назад
Glad it helped, Abhi.
@starwhenry
@starwhenry 3 месяца назад
Thank you so much bro! helped a lot.
@BugNinza
@BugNinza 3 месяца назад
Happy Coding and keep supporting 🙌🏻
@alokdubey9197
@alokdubey9197 Год назад
You solved my biggest problem dude. Thanks ❤❤
@BugNinza
@BugNinza Год назад
Haha.. Anytime. Cheers..!!
@PabloDoebber
@PabloDoebber Год назад
I didn't even finish watching the video but I would like to congratulate you for the video and dedication. I think it's already your third video that really helps me solve a problem. I wish you much success! My best regards.
@BugNinza
@BugNinza Год назад
Thank you so much for your kind words and support! I'm thrilled to hear that my videos have been helpful to you. It's incredibly motivating to know that I've been able to assist you in solving problems. Your support means the world to me, and I'll continue working hard to provide valuable content. Best regards to you as well, and here's to your continued success too!
@liuyan8066
@liuyan8066 Год назад
Thank you, because many package deprecate, there is not many youtube I can follow correctly. Thank you for this Tutorial.
@BugNinza
@BugNinza Год назад
Glad it was helpful!
@thechosenone7465
@thechosenone7465 Месяц назад
Please help me, I have a problem with eas development build when I use navigation ERROR Invariant Violation: requireNativeComponent: "RNSScreen" was not found in the UIManager
@amroosman4799
@amroosman4799 6 месяцев назад
what a video!!!! you saved me days. Thank you so much!
@BugNinza
@BugNinza 6 месяцев назад
Keep supporting!!
@chimiwangchukwangdi3123
@chimiwangchukwangdi3123 Год назад
Thank you Rohit! Helped me a lot. It is an awesome tutoril
@BugNinza
@BugNinza Год назад
Thank you. Happy coding, chimi wangchuk 🥳
@skilllearn904
@skilllearn904 Год назад
nice explanation keep it up bro and thanks for the video 👍
@BugNinza
@BugNinza Год назад
Glad you liked it. Keep supporting
@Haise1101
@Haise1101 6 месяцев назад
Thank you very much.
@BugNinza
@BugNinza 6 месяцев назад
Keep supporting 🙌
@bismarkcodes
@bismarkcodes 9 месяцев назад
Great content bro. You saved me from confusion😅👍👍
@BugNinza
@BugNinza 9 месяцев назад
Glad I could help
@user-uc7ui5wo4d
@user-uc7ui5wo4d Год назад
Thx U !!! I used expo-auth-session but after deploy, login session shutdown by unknown error... but U saved me. God bless U Ninza!
@BugNinza
@BugNinza Год назад
Glad it helped. Keep Supporting
@RikyGreen-man
@RikyGreen-man Год назад
thanks it worked for me, still i need to understand more what is this eas and what are the advantages I've lost other then the direct use of the expo go, really thank you man!! really!!!
@BugNinza
@BugNinza Год назад
Glad it helped. Keep supporting
@NurullahBasar_Fire_of_Math
@NurullahBasar_Fire_of_Math 19 дней назад
7.53 dakikadaki sayılara hiç ulaşamıyorum eas kurulumunda hata alıyorum. expo hesabı bile açtım ama EAS kısmını yapamadım ve olmadı . 48 saattir uğraşıp olayı anlayıp sonuca ulaşamamak çok üzücü bir durum.
@liuyan8066
@liuyan8066 Год назад
Hi, may I have a question I was asked by my coworkers today. There is other Firebase SDK which can create a universal app for web, iso, android together using expo go. But when I was excited to recommend them to try this React Native firebase way, they felt complex and un-convenience (cannot using expo go). Clearly I will continue to research Firebase SDK for google signin method. Could you let me know why you don't use Firebase SDK for google signin? Thank you, I still very appreciate you made this google signin workable video.
@BugNinza
@BugNinza Год назад
In this video, I demonstrated the use of the Firebase SDK in an Android app built with React Native. The Expo platform, which provides a set of tools and services for building cross-platform mobile apps with React Native, has been gradually closing the gap between itself and React Native. However, starting with Expo SDK version 46, the expo-google package, which allowed for Google sign-in, was deprecated. As a result, users who want to implement Google sign-in in their Expo app must either use the prebuild method or the development build method, the latter of which I chose to use in this video in order to avoid using Android Studio. The development build method is recommended by the Expo documentation.
@hailemichaelatrsaw3198
@hailemichaelatrsaw3198 Год назад
Thank you, it was helpfull
@BugNinza
@BugNinza Год назад
Glad it helped!
@user-bx7vw8yr3g
@user-bx7vw8yr3g Год назад
Thank you very very much!
@BugNinza
@BugNinza Год назад
You are welcome! :)
@augustop6319
@augustop6319 Год назад
hello, when I went to compile the application with the command "npx cross-env EAS_NO_VCS=1 eas build -p android" (since I can't do it with only eas build -p android) and it generates the aab... but then when I upload it to the internal test on the play console, only the part of the popup works with the google accounts of the device to choose from, when I choose the popup closes and nothing else changes... I did everything else just like the video... I didn't test it in android studio in development mode yet
@BugNinza
@BugNinza Год назад
Check firebase permissions and rules. Confirm that the onAuthStateChanged function is called after successful sign-in. Verify Google Sign-In configuration and Firebase configuration.
@anushibinj
@anushibinj 10 месяцев назад
Great Video!
@BugNinza
@BugNinza 10 месяцев назад
Thanks! Keep supporting
@AleksaZ
@AleksaZ Год назад
Thanks, it works, but I'm a bit confused (i'm new to this). I'm making an app that uses both Email and Google authentication, as well as Firestore. My question is, should I use this method for Email and Firestore too, because you have another video for Email where you used web app and firebase package?
@BugNinza
@BugNinza Год назад
Web based config can be used anywhere regardless of the platform. But if I am going for the Android only then I have to use the Platform oriented (Android ) SDK in our project.
@brenoncio3907
@brenoncio3907 Год назад
Hello, i've been trying a lot but i can't add a navigator after logging in to go to different pages, do you know how I could do it?
@BugNinza
@BugNinza Год назад
If you are using Firebase, you can use the onAuthStateChanged() method to track changes in the user's authentication state. This can be useful for redirecting the user to a different page after they log in or out. For example, in my email authentication video, I used two stack navigators: one for the pre-login state and one for the post-login state. After the user logged in, the onAuthStateChanged() method triggered the navigator to switch to the post-login state, which displayed the dashboard. You can use the onAuthStateChanged() method to navigate the user to any page you want, depending on your app's profile. context: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-lBUjggiWQ1U.html
@christianverzosa8941
@christianverzosa8941 Год назад
Hello, I have a question. Does that imply that I must develop a brand-new react native app for iOS if I want the "ios" auth too? or can I simply follow the setup for iOS to utilize Firebase Google Sign-in for both "iOS" and "Android" within the same React Native app? #NewbieQuestion. Thanks in advance.
@BugNinza
@BugNinza Год назад
You don't have to create a separate React Native app for iOS. You can use the same app to work on both iOS and Android, but you may need to make some adjustments for compatibility with the iOS user interface. I am also new to developing 😉
@rashumalik8339
@rashumalik8339 Год назад
I can not getting user firebase info like uid , photourl , name etc Please help me how can I do that
@bilelrahmouni01
@bilelrahmouni01 11 месяцев назад
Rohit i have a big nooby question: normally sign in with google works just with import { signInWithPopup GoogleAuthProvider, } from "firebase/auth"; const googleAuthProvider = new GoogleAuthProvider(); const signInWithGoogle = () => signInWithPopup (auth,googleAuthProvider ) }); easy peasy.. but i get it that with expo go the pop up will not appear and there is a problem, but why should i care if this is going to work for my user after he download the app, after all he will not use expo go so it will work for him
@BugNinza
@BugNinza 11 месяцев назад
Wohho!! Excellent question! Since Expo Go is not a distribution channel for the app, this should not be a problem. However, I made this video to demonstrate the use of native code and the Google Sign In process. If I were you, I would first check this method by building an APK. Let me know if this works!
@viliusremeikis9600
@viliusremeikis9600 Год назад
Great tutorial!
@BugNinza
@BugNinza Год назад
Thank you! Cheers!
@ahmedabbassi2554
@ahmedabbassi2554 День назад
it doesn t work in ios any solutions ?
@thanhtaiphan2651
@thanhtaiphan2651 Год назад
i do google sign in and email sign in from your instructions. The problem that I got when the email account and google account having the same email address. How to tell the user to sign in with different credentials? Maybe show a message like "Email already in use, please sign up with different account"?. Thanks you
@BugNinza
@BugNinza Год назад
When you use google as authentication then it generates an access token key. While registering a user you may use a query that if user exists then render an alert of "sign in using different email" but it works fine with the login. You may discuss more about this on my social media handle (@_ninza7 : Instagram & Twitter)
@dancristian3673
@dancristian3673 11 месяцев назад
thanks for sharing! do you have the sample code? because i run npx expo start for android for got errors.. does it work using EXPO right? or native-react only ?
@BugNinza
@BugNinza 11 месяцев назад
You can request codes for up to 3 videos by joining the "Elite Ninza Army" membership. You can join here: ru-vid.com/show-UCLTAVHeuoOyc4aFIA1o6Xygjoin No, it won't work on the expo go app. Follow the video carefully. I mentioned everything in this video
@999waylon
@999waylon 7 месяцев назад
What is the reasoning for generating a new set of build credentials when one has already been generated during the eas build command? It works with adding both, but I'm just curious what the purpose is for doing that rather than build able to just use the one that is built in the initial build process?
@BugNinza
@BugNinza 7 месяцев назад
Any changes to the app.json file require you to rebuild your app in development mode.
@999waylon
@999waylon 7 месяцев назад
Thank you for replying. I a wondering specifically about the SHA-1 creds though, around the 5:45 mark in the video. You generate a second keystore and end up adding both the new SHA-1 key and the default SHA-1 key I'm just curious about why 2 sets of keys are required to add to firebase. Thanks!
@pablopablo7115
@pablopablo7115 Год назад
It worked. Nice
@BugNinza
@BugNinza Год назад
Good to hear
@seheeson9208
@seheeson9208 Год назад
@BugNinza Thank you for the great tutorial. I wonder if you have another video for ios set up?
@BugNinza
@BugNinza Год назад
Not yet
@mph38
@mph38 Год назад
Super helpful. Thanks! And this should work with IOS too right?
@BugNinza
@BugNinza Год назад
With some small changes. Yes!!!
@mph38
@mph38 Год назад
@@BugNinza Thanks! Were you able to personally get this to work with IOS? I got it to work with Android following your steps, but with IOS I am getting the following error when I try to start the app up: Error: No Firebase App '[DEFAULT]' has been created - call firebase.initializeApp() Any thoughts on that?
@origarsa
@origarsa Год назад
I have the following errors after trying implement gogle sign in. Can you help me? Errors: TypeError: null is not an object (evaluating 'RNGoogleSignin.SIGN_IN_CANCELLED') RN GoogleSignin native module is not correctly linked. Please read the readme, setup and troubleshooting instructions carefully or try manual linking. Invariant Violation: "main" has not been registered. This can happen if: * Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project. * A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called.
@BugNinza
@BugNinza Год назад
Read your error. Your Google sign-in module is not correctly linked. Please set-up your firebase and expo app carefully. You can send me the snap of your error on my social media handle for quicker response
@origarsa
@origarsa Год назад
@@BugNinza I sended a message in your web. Can you help me with a call? I can pay for it.
@HozasG
@HozasG 8 месяцев назад
thank you
@BugNinza
@BugNinza 8 месяцев назад
Keep supporting 🙌
@malinaaciu8062
@malinaaciu8062 5 месяцев назад
hi, very helpful vid! one quick question tho. how can we check if an account has already been created with Google? It seems that we can do this by verifying userCredential.additionalUserInfo.isNewUser, but this still requires to use auth().signInWithCredential(googleCredential), which will be interpreted by the authStateChangeHandler as a new user and therefore I get redirected to the home page regardless. thanks!!
@BugNinza
@BugNinza 5 месяцев назад
you're correct that userCredential.additionalUserInfo.isNewUser can be used to check if a user is new or not. However, if you're encountering redirection issues due to authStateChangeHandler interpreting the sign-in as a new user, you might want to explore an alternative approach. One way to handle this is to perform a separate check before calling signInWithCredential. You can use fetchSignInMethodsForEmail from Firebase to check if an account with the given email address already exists.
@sampritirai4759
@sampritirai4759 10 месяцев назад
Hey Rohit, was curious if there is any way I can get in touch with you? I am creating an app which will be in production and scaled to thousands of users. But my current device doesnt support emulator and neither am I able to connect my phone hence chose expo go, but am unable to run react-native-googlesignin with firebase expo app. I am skeptical if I should continue with expo. Is this my only option to develop an android app? Is there any other way to test out android development apart from emulator, or connecting the phone, or expo? Maybe like running the app on web on mobile view?
@BugNinza
@BugNinza 10 месяцев назад
Let me answer all your questions one by one: 1. Yes, you can connect with me on Instagram or Twitter (@_ninza7). I'm also open to DMs here. 2. Congratulations! I hope your app performs well in production. 3. Expo and React Native are two separate entities. After SDK 44 of Expo, I believe the team has decided to close the gap between React Native and Expo. That's why they decided to use the native modules of React Native. These native modules won't work in the Expo Go app. This means you can't test your code there. However, you can test it out using the development build. If you closely watch your console screen, you'll find an option for the development build in the latest Expo SDKs. 4. Yes, you can continue with Expo if your app doesn't have a massive audience. It should perform pretty well (depending on your code). After reaching a milestone of users, you can easily switch to core React Native. 5. No, you can use Flutter, Kotlin, Expo, or React Native. 6. You can use Snack, a platform for testing Expo apps. However, Snack has some limited features (like you can't test Google Sign In), but it's still a great option.
@sampriti6026
@sampriti6026 10 месяцев назад
@@BugNinza your Twitter dms aren't open for all. Though you have answered most of my queries. Thanks a lot. Also my expo go crashes right after initialisation without even adding anything, is this common? Heard similar reviews on playstore as well.
@BugNinza
@BugNinza 10 месяцев назад
Now I have opened my DM for all on Twitter. Thanks for letting me know. I haven't faced such issues yet. Sometimes it does crash, but more often it works pretty well if you write cleaner code.
@mauriciobertolucci
@mauriciobertolucci Месяц назад
Valeu!
@BugNinza
@BugNinza Месяц назад
Thank you
@brenolins9908
@brenolins9908 10 месяцев назад
Hi, I need to build my app twice or can install all the dependencies and then build?
@BugNinza
@BugNinza 10 месяцев назад
It is up to you 🤜🤛
@_.Joi.Boy__...____
@_.Joi.Boy__...____ Год назад
thank you so much
@BugNinza
@BugNinza Год назад
You're welcome!
@tanny3080
@tanny3080 Год назад
I followed your step but i got error >> RN GoogleSignin native module is not correctly linked. Please read the readme, setup and troubleshooting instructions carefully or try manual linking. If you're using Expo, please use expo-google-sign-in. This is because Expo does not support custom native modules. ERROR TypeError: null is not an object (evaluating 'RNGoogleSignin.SIGN_IN_CANCELLED') do you have any idea how to solve it?
@BugNinza
@BugNinza Год назад
You haven't followed the steps correctly. Expo SDK version 46 doesn't support google sign-in directly. That's why I used the development build method.
@tanny3080
@tanny3080 Год назад
@@BugNinza yeah I made some mistakes but now it's working. I have a question. After choosing google account it directly sign in to the app without asking to type password. What kind of the trick does the library use. Is it safe ? I've tried Expo auth-session for Google Authentication after choosing google account, user need to enter password to sign in and this authentication flow is usually seen in many popular application.
@pratikkhadka253
@pratikkhadka253 Год назад
Great tutorial !! What about pushing it to production server ?
@BugNinza
@BugNinza Год назад
Build your app for production instead of development. Do test your app before pushing it to production.
@pratikkhadka253
@pratikkhadka253 Год назад
@@BugNinza did you got any error reguarding ViewPropType ?
@Lobos91
@Lobos91 Год назад
Thats the one of most complex programming thing i ever did so far. I followed tutorial but facing error: Error: No Firebase App '[DEFAULT]' has been created - call firebase.initializeApp() I already have user registration in my app which works fine, also separeated separate file for google signin just to not have in inside my App.js. Do you have any thought what the problem might be here?
@BugNinza
@BugNinza Год назад
Don't test your app in the expo go app. It won't work. Follow the tutorial carefully
@nhantamtran6159
@nhantamtran6159 9 месяцев назад
I got the error fix by adding web project in firebase console and then get the keys like this and throw that in here:" import { firebase } from "@react-native-firebase/auth"; const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_AUTH_DOMAIN", databaseURL: "YOUR_DATABASE_URL", projectId: "YOUR_PROJECT_ID", storageBucket: "YOUR_STORAGE_BUCKET", messagingSenderId: "YOUR_MESSAGING_SENDER_ID", appId: "YOUR_APP_ID", }; if (!firebase.apps.length) { firebase.initializeApp(firebaseConfig); }
@vivvaavivvaa8632
@vivvaavivvaa8632 Год назад
Can we have access to your code sample?
@harishhoney9493
@harishhoney9493 Год назад
" ERROR RN GoogleSignin native module is not correctly linked. Please read the readme, setup and troubleshooting instructions carefully or try manual linking. ERROR TypeError: Cannot read property 'SIGN_IN_CANCELLED' of null, js engine: hermes" I got the above error when i try to import Googlesign . I searched the internet , but not found any solution. please help me on this . I completely blocked here.
@BugNinza
@BugNinza Год назад
Don't test your app in the expo go app. It won't work because I used native code in this project and offcourse followed the official documentation
@anibalasprilla85
@anibalasprilla85 Год назад
Hi, friend! I'm making an app with React Native and Expo and I'm having issues with Expo Notifications permissions on Android. When the user denies the permissions the first time and then activates them in the phone settings, it does not take the token again. If the user accepts them the first time and then deactivates them and then activates them again, he does not take the token again either. If you can help me with that I'm willing to pay for it. Thanks in advance and thanks for your content...
@BugNinza
@BugNinza Год назад
Try this: docs.expo.dev/versions/latest/sdk/notifications/#api Then let me know. My social Handles: @_ninza7 (Insta & Twitter)
@anibalasprilla85
@anibalasprilla85 Год назад
@@BugNinza Buddy... I think I was not clear, the notifications work if I grant the permissions from the beginning... the problem is when I did not grant them and then I want to do it, or when I had granted them, I deactivate them and then I want to activate them again... Thanks bro!
@PavanKalyan-tg1zn
@PavanKalyan-tg1zn Год назад
"eas credentials" command is giving expo/configPlugins not found error
@BugNinza
@BugNinza Год назад
First install eas cli. Don't skip the video
@sdexstarlord
@sdexstarlord 10 месяцев назад
can you explain what's the use of this command eas build --profile development --platform android and Can we create boht android and ios at the same time ??
@BugNinza
@BugNinza 10 месяцев назад
The command eas build --profile development --platform android is related to Expo Application Services (EAS) and is used for building an Android version of your React Native Expo project in development mode. Yes, you can create builds for both Android and iOS at the same time
@premg062
@premg062 Год назад
It worked, thanks a lot...was stuck for days! @8:32 how were you able share your mobile screen on desktop, do let me know! :) Thanks again...
@BugNinza
@BugNinza Год назад
Glad it helped! I use this to mirror my screen: github.com/Genymobile/scrcpy
@premg062
@premg062 Год назад
@@BugNinza I need to test my app with different screen sizes... any free tool you know?
@beaboss8235
@beaboss8235 9 месяцев назад
I'm getting a no firebase app default has been created. Run firebase.initializeApp error🥺 and I'm not testing on expo
@BugNinza
@BugNinza 9 месяцев назад
check your project setup
@nhantamtran6159
@nhantamtran6159 9 месяцев назад
I got the error fix by adding web project in firebase console and then get the keys like this and throw that in here:" import { firebase } from "@react-native-firebase/auth"; const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_AUTH_DOMAIN", databaseURL: "YOUR_DATABASE_URL", projectId: "YOUR_PROJECT_ID", storageBucket: "YOUR_STORAGE_BUCKET", messagingSenderId: "YOUR_MESSAGING_SENDER_ID", appId: "YOUR_APP_ID", }; if (!firebase.apps.length) { firebase.initializeApp(firebaseConfig); }
@harry4088
@harry4088 Год назад
Brother can also make a video like how to integrage passportjs google ouath in expo app like i completed the passportjs backend part with nodejs but don't know properly how to integrate with the expo app please make one video
@BugNinza
@BugNinza Год назад
I'll try
@harry4088
@harry4088 Год назад
@@BugNinza sure i m waiting for that video because this authentication is required for urgent project
@ezhack5642
@ezhack5642 Год назад
Sir it shows an error: No Firbase App '[DEFAULT]' has been created. can you help me with this ?
@BugNinza
@BugNinza Год назад
Don't use expo go app to test this code. It won't work. Follow the video carefully
@nhantamtran6159
@nhantamtran6159 9 месяцев назад
I got the error fix by adding web project in firebase console and then get the keys like this and throw that in here:" import { firebase } from "@react-native-firebase/auth"; const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_AUTH_DOMAIN", databaseURL: "YOUR_DATABASE_URL", projectId: "YOUR_PROJECT_ID", storageBucket: "YOUR_STORAGE_BUCKET", messagingSenderId: "YOUR_MESSAGING_SENDER_ID", appId: "YOUR_APP_ID", }; if (!firebase.apps.length) { firebase.initializeApp(firebaseConfig); }
@tuansgameplay4718
@tuansgameplay4718 6 месяцев назад
Could you tell me how to do Google role based authentication in react native expo using firebase
@BugNinza
@BugNinza 6 месяцев назад
what's role based auth??
@tuansgameplay4718
@tuansgameplay4718 6 месяцев назад
@@BugNinza i mean admin and user role base sign in
@mrx5414
@mrx5414 4 месяца назад
Is this tutorial still valid this year?
@BugNinza
@BugNinza 4 месяца назад
Try this and let me know 👨‍💻
@joybarua7690
@joybarua7690 Год назад
please help i got the error { no firebase App '[DEFAULT]' has been created - call firebase.initializeApp() } how to solve it please help
@BugNinza
@BugNinza Год назад
Follow the video carefully
@anmolchaudhary439
@anmolchaudhary439 Год назад
Same issue sir
@shayanhaider6371
@shayanhaider6371 Год назад
@@BugNinza i also face this error ai can not solve
@nhantamtran6159
@nhantamtran6159 9 месяцев назад
I got the error fix by adding web project in firebase console and then get the keys like this and throw that in here:" import { firebase } from "@react-native-firebase/auth"; const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_AUTH_DOMAIN", databaseURL: "YOUR_DATABASE_URL", projectId: "YOUR_PROJECT_ID", storageBucket: "YOUR_STORAGE_BUCKET", messagingSenderId: "YOUR_MESSAGING_SENDER_ID", appId: "YOUR_APP_ID", }; if (!firebase.apps.length) { firebase.initializeApp(firebaseConfig); }
@CodeEight
@CodeEight 8 месяцев назад
how did you do it did you create a firebase config file? or you added it to the code @@nhantamtran6159
@nileshnilu7902
@nileshnilu7902 Год назад
Can we use both authentication and push notifications in expo with firebase
@BugNinza
@BugNinza Год назад
Sure, why not..
@nileshnilu7902
@nileshnilu7902 Год назад
And if I want to use firestore then
@nileshnilu7902
@nileshnilu7902 Год назад
Because for notification we add to firebase as a Android project, and for firestore database we add as a web project, how to do it.
@TershiXia
@TershiXia 11 месяцев назад
code or github repo?
@BugNinza
@BugNinza 11 месяцев назад
You can request codes for up to 3 videos by joining the "Elite Ninza Army" membership. You can join here: ru-vid.com/show-UCLTAVHeuoOyc4aFIA1o6Xygjoin
@arunrathore1732
@arunrathore1732 Год назад
Please also create for facebook sign in
@BugNinza
@BugNinza Год назад
Stay tuned. This week, probably on Thursday
@arunrathore1732
@arunrathore1732 Год назад
@@BugNinza Ok sure I will, React native cli na
@hiii3763
@hiii3763 Год назад
@@BugNinza waiting
@mckenytech8033
@mckenytech8033 Год назад
@@BugNinza waiting
@taylor_izusimmz6278
@taylor_izusimmz6278 Год назад
hey what of IOS
@BugNinza
@BugNinza Год назад
Use APN
@dan-gu1ty
@dan-gu1ty Год назад
8:20 br
@deveshb793
@deveshb793 Год назад
will the login persists even after I close the app and start again? and what's the procedure on refreshing the tokens? Was using firebase web SDK and am stuck on it since last week, came across yours video loved the explanation going to try this tomorrow
@BugNinza
@BugNinza Год назад
Don't skip any part and let me know if it works
@deveshb793
@deveshb793 Год назад
@@BugNinza done it worked thank you so much
Далее
Для тебя живу, для тебя пою😘
00:10
React Native Firebase - Google Sign In Tutorial 🔥
1:04:26
How to Create an Expo App with React-Native Firebase
21:22
🔴 Convert an Expo App to Apk in React Native!
7:38