Updated OTP Authentication in React Native Expo Using Firebase | Firebase Phone Authentication 2024

🚀 Dive into the world of updated OTP authentication with React Native Expo and Firebase! 🔥 In this video, I guide you through the revamped process, addressing deprecated packages and ensuring a seamless user experience. Watch the demo, learn the steps, and build a robust authentication system for your React Native Expo projects.

📱 What's Covered:

Demo of the Final Output
Setting Up React Native Expo Project
Installing Dependencies for Stack Navigation
Integrating React Native Firebase for Authentication and Firestore
Setting Up Firebase Account
Configuring Firebase for Android
Building and Testing the Expo App
Adding Firebase Plugin and Google Service File
Enabling OTP Authentication and Firestore
Creating Login, Detail, and Dashboard Screens
Testing and Verifying OTP Authentication

👨‍💻 Follow along as we code and debug, ensuring your understanding at every step. Whether you're a beginner or an experienced developer, this video has something for everyone.

👍 If you find this video helpful, don't forget to hit the like button, share it with your fellow developers, and subscribe for more React Native Expo tutorials. Let me know your thoughts in the comments below! Your feedback keeps this community thriving.

🔗 Relevant Links:

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

📱 Connect with me:

Music Source: Youtube Music Library

Timestamps:
0:00 Introduction and Project Demo
1:35 React Native Expo Project Setup and React Navigation and react native firebase package Installations
5:26 Firebase App Setup for Android
6:39 First Development Build of React Native Expo App
10:27 Connecting Firebase to react native Expo
15:18 Second Development Build of React Native Expo App
21:07 Login Screen Code
33:06 Detail Screen Code
40:13 Dashboard Screen Code
44:07 Project Testing And Conclusion

Tags: nreact native, expo, firebase, otp authentication, phone authentication, sms authentication, react native mobile app, react native tutorial, react native firebase, firebase auth, expo firebase, react native login, react native signup

#reactnative #expo #firebase #authentication #otp #programming #coding #developer #developercommunity #javascript #code

[mansikhatri]

when i am writing eas credentials, im getting the error
Error: credentials command failed.

[Truefalse-ji]

How to disable the recaptcha verification for the same . In my project i want to disable the RECAPTCHA verification for my project . thanks

[gregfenton]

Thanks for the video.

FYI: the video description has a link to React-Native-Firebase (RNF) with the label "Firebase Official Documentation". RNF is not created or maintained by Firebase, so is not "official Firebase".

[RushikeshGangapurkar]

An unexpected error has occurred. [Reason: Requested entity already exists] how to fix this i deleted old package from firebase

[priyanshuassudani]

i am following the exact process but my build fails for android everytime, can anyone help??

[EthioComputerAIInfo]

how can i solve this error This request is missing a valid app identifier, meaning that Play Integrity checks, and reCAPTCHA checks were unsuccessful. Please try again, or check the logcat for more details.

[ricardoyanez]

Hi! bro, in DEV mode works prefect, in production i get error of Play integrity, and not work SMS. How can I solve for production mode?.

[aniketteltumbade]

Can I help me with this issue please:
Error: You attempted to use a firebase module that's not installed on your Android project by calling firebase.app().

I have done same thing as you mentioned but it's not working

[praveenraj]

Can you please provide documentation of email authentication using firebase(especially the functions used in login.js) ? I guess the rest of the process of integrating firebase to react native project remains same. Please reply.

[teminoah]

what expo SDK and firebase version is this applicable to ?

[BatmanBottomG]

Doesn't it need google developer account for play i integrity api which is 25$?

Or it works without that

[MohammedAbdulHannan-yz]

hey brother, can u make a video on firebase phone auth on web..

[gcqmkgd]

I got this error, Error sending code: [Error: This request is missing a valid app identifier, meaning that Play Integrity checks, and reCAPTCHA checks were unsuccessful. Please try again, or check the logcat for more details.]

[JohnChavallaro]

Great video!
If you could create a video on IOS part then it will be very helpful.

[El_ii]

Hey, great tutorial!!! can you provide a tutorial on how to use an Android emulator with expo build development? Idk why I always encounter errors when trying to open my project in Android. Thanks!!! ☺

[InDynamics]

I am getting the following error:

Android Build Failed:
Gradle Build failed with unknown error.
See logs for the " Run gradlew"

How to solve this error?

[tqsgoro]

Can you please explain why two different SHA-1 were added? I could not find anything related to this in the docs. How did you get to know about this?

[dhakshat]

When I run the following command:

npx eas build --profile development --platform android

I get a QR code with some error.

Next, I run:

npx expo start

I get a QR code, but it shows the Expo Home Screen.
Why I am not able to see my project in expo
Can you tell me ? 8:52

[m-coder]

Now I am getting this issue after entering otp code
[Error: [auth/session-expired] The sms code has expired. Please re-send the verification code to try again.]

[fixfcww]

23:19 in "await confirm.confirm(code) " where you get confirm function. explain anyone