Facebook Login with React Native Expo | Tutorial

[@armyofda12monkeys]

On the expo docs page for auth-session (in the FB and Google sections), it says "Deprecated: This provider is deprecated and will be removed in a future SDK version". They seem to recommend the "react-native-fbsdk-next" and "react-native-google-signin/google-signin". Are those libs the new new way to do this? That would be a shame... The auth-session way you do in this video seemed really simple.

[@FunkkyMusic]

Great tutorial. I using Expo too and I have one question, what about valid oauth redirect url on production version of app? Are there any differences regarding facebook configuration or code?

[@Kevin-jc1fx]

Thanks for your very helpful tutorials. Please always try to mention WHY you do things a certain why, especially when doing something unusual. Why do you choose to create a development build for this project? Doesn't it work with Expo Go? Is it a personal choice? It is important to explain such things so that we better understand why and when to use one tool instead of another. It also is harder to use so we usually use Expo Go and create a build at the very end. Thanks.

[@renanuggioni7466]

Would be great to have one of these using Firebase auth with Facebook =)

[@grupomexcomer]

Beto muchas gracias por tu tutorial, llevo 5 anios en react native y tenia un problema en una migracion a SDK 48 para hacer el FB auth funcionar y tu video me salvo muchisimo tiempo. Saludos desde Hidalgo!

[@codewithbeto]

Yo soy de Hidalgo! 😱 Saludos!

[@baibing8077]

Thanks for your help, but I still wonder if in production mode, where should we find the oauth embedded link to fill in.

[@victoradameji7923]

@codewithbeto, Please respond to this

[@recupus]

habia tenido muchos problemas con Facebook login actualmente simplemente por la primera parte de que forma crear la aplicación pero con las opciones correctas que diste solucionaste mi problema. buen tutoría!

[@Chad-pi5if]

Please make a video on Reanimated and gesture handlers in windows machine setup to execution everything. Reanimated v3 is not working in expo cli

[@BintSouleymane]

Hi Beto, can you do a tutorial with react-native-fbsdk, react-native-google-sign-in, twitter and linkedin please that would help me.

[@sajidansari-gu4wf]

This library is deprecated as of March 2024 ,Please refer to official docs of expo ,to work with facebook login

[@humbertoisraelperezrodrigu9449]

Amigo, la SDK 48 de Expo vino a romperlo todo, nos ayudaría mucho que hicieras este tutorial con ese SDK, toda la comunidad está sufriendo y tu eres nuestro supermán ánimo bro 🎉

[@codewithbeto]

Este video esta con SDK 48

[@CesarALL18]

Nice, thank you

[@ibrahimacanada]

🚀 Very helpfull thanks

[@codewithbeto]

Glad it was helpful!

[@maksym.pryhoda]

Everything works great, but having some troubles wiring it to a web. Any ideas what to do? Throws an error like URL blocked This redirect failed because the redirect URI is not white-listed in the app's client OAuth settings. Make sure that the client and web OAuth logins are on and add all your app domains as valid OAuth redirect URIs.

[@scarecrov1644]

i tried facebook + firebase from your youtube and from course and still i dont have redirect, i stuck in it, can you help me with that?

[@hussainbabatunde9368]

This is a wonderful tutorial and it helped alot, but how can the redirect url be gotten with expo go and the system doesnt have a simulator so basically it is been viewed on a mobile device.

[@KhanMDOmarFaruk]

i followed you video but it goes to white screen after clicking continue and get nothin in response

[@lclkn]

did you solve?

[@KhanMDOmarFaruk]

I solved it but i jsed react native facebook sdk method.

[@lclkn]

@@KhanMDOmarFaruk thank you

[@pedromoura96]

me too

[@ulfetalhussaini4481]

@@pedromoura96 @KhanMDOmarFaruk how did you fix this issue?

[@彭梓浩-e9r]

Thank you for your helpful tutorials it really helps me a lot. And I still have some problems building my android app with facebook sdk using expo. On the dashboard page of meta for developers, it requires me to fill the package name and class name, what is it and where should I go to seek for them in my expo project?

[@sunny4k444]

hi can you tell me how to connect this auth with firebase

[@TiếnNguyễn-k3n]

help me bro!! I did the same as you, but my facebook app is live, not develop, Does it cause an error?

[@rambabupuchalapalli3743]

Hi Sir, Very helpful video. I am using this code but getting "Feature Unavailable" after submitting the login details. Could you know any reason for this?

[@mdminhajulislam3023]

Unable to process request due to missing initial state. This may happen if browser sessionStorage is inaccessible or accidentally cleared. Some specific scenarios are - 1) Using IDP-Initiated SAML SSO. 2) Using signInWithRedirect in a storage-partitioned browser environment

[@devfromin]

What should the redirect url for production?

[@codewithbeto]

This should work on production, I tried it on TestFlight and with an APK on android. And it worked fine.

[@joshuaduvdivani1697]

Tried with production build on testflight. Not getting redirected. shows a "we're sorry" fb page

[@fabrizio_pisani]

Facebook auth with AuthSession is deprecated

[@Azer_Oner]

After i’m logged on Facebook page, why im not redirect to my app and have blank screen ?

[@asmyris565]

I have the same problem, did you find a solution?

[@codewithtae6637]

Are you sure you needed the expo-dev-client package? I was reading the docs and its main purpose is for "development builds" which allow collaboration among team members. Appreciate the content btw:)

[@codewithbeto]

Yes, you need to make the build in order to be able to redirect the user back to your app once they have signed In. Thanks for the support Tae 🙂

[@yoeyoe7217]

can you pay a little more attention to the redirection topic? I do it after you and it doesn’t work for me, just like with google auth, redirection to applications does not occur

[@Azer_Oner]

Did you find a solution please ?

[@hadibb2635]

Hi @codewithbeto ! Is this project possible for those of us on Windows laptops with iPhones? Specifcally, I am using WSL - thank you!

[@OmarAlJaberProfile]

the image did not work properly all the information came back

[@grahampederson4026]

When I added this to an existing project, and ran the jest tests - I get 'expo-linking needs access to the expo-constants manifest' anyone know how to fix this? If you add this to the repo, it is easily reproducible.

[@028-manikandan3]

Bro for next you put reactnative in any type of videos with typescript you put bro.react native videos put with typescript bro please

[@ZelleHasnain]

Loved Your Tutorials Alot, But not working, Unfortunately, I tried several times, but the issue is common all over the github of redirection and going blank screen, Even I tried downloading your project and changing the app id in it and tested multiple apps by creating new apps in facebook, but everytime it just redirects to blank. BTW Thanks for the tutorial, but I think this is because this package is deprecated.

[@BintSouleymane]

i have the same problem too

[@voldemore6300]

Show me google auth please❤

[@codewithbeto]

Coming soon!