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

preview_player
Показать описание

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.

𝐁𝐨𝐨𝐤 ( 𝐅𝐫𝐨𝐦 𝐂𝐨𝐝𝐞 𝐓𝐨 𝐂𝐨𝐧𝐧𝐞𝐜𝐭𝐢𝐨𝐧𝐬: 𝐀 𝐃𝐞𝐯𝐞𝐥𝐨𝐩𝐞𝐫’𝐬 𝐠𝐮𝐢𝐝𝐞 𝐭𝐨 𝐛𝐮𝐢𝐥𝐝𝐢𝐧𝐠 𝐚 𝐬𝐨𝐜𝐢𝐚𝐥 𝐜𝐚𝐫𝐞𝐞𝐫 )

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:

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
Рекомендации по теме
Комментарии
Автор

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❤

BugNinza
Автор

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.

russelldavis
Автор

I appreciate man!, other guys are using the bare workflow, finally I found you using the managed workflow

misterjs
Автор

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. ❤

abhidadhaniya
Автор

Thank you so much man! Before I saw your video, I had almost lost hope trying to implement this. Thanks again. Content is excellent.

DavidAlcott
Автор

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. 😊👍

mauriciobertolucci
Автор

Thank you, because many package deprecate, there is not many youtube I can follow correctly. Thank you for this Tutorial.

liuyan
Автор

awesome tutorial, all the best brother, keep making more videos, wanna see some Laravel tutorials if possible, or more detailed React Native content

stevesmith
Автор

You solved my biggest problem dude. Thanks ❤❤

alokdubey
Автор

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.

PabloDoebber
Автор

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

thechosenone
Автор

Thank you Rohit! Helped me a lot. It is an awesome tutoril

chimiwangchukwangdi
Автор

Thx U !!! I used expo-auth-session but after deploy, login session shutdown by unknown error... but U saved me. God bless U Ninza!

시요밍국
Автор

Great content bro. You saved me from confusion😅👍👍

bismarkcodes
Автор

what a video!!!! you saved me days. Thank you so much!

amroosman
Автор

nice explanation keep it up bro and thanks for the video 👍

skilllearn
Автор

Helps a lot, just you missed to show the (SignIn Auth Enable) part, before that we can't download the google-services.json!!

aryansinghal
Автор

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!!!

RikyGreen-man
Автор

is there a github repo of this example project?

saintyusuf
Автор

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?

brenoncio