Email Authentication With Verification In React Native and Firebase App | React Native Tutorial
HTML-код
- Опубликовано: 26 сен 2024
- Hello guys, My name is Rohit Kumar Thakur. In this video, I am gonna show you, how to authenticate to your react native expo mobile device using email id and password. In the project, I am using the latest version of firebase sdk, which is version 9. 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
Part 2 Video Link: • Email Authentication W...
Part 3 video link: • Forget Password? Set N...
Topics covered:
✅ Full Setup of Firebase Application
✅ Start a React Native Expo Application
✅ Installation of Firebase SDK in react native expo app
✅ Login With Email using firebase and react native app
✅ Beautiful UI-UX
✅ What is firebase
✅ Custom stack header with react navigation 6
✅ Register user with email in react native app and firebase
✅ User dashboard
✅ Fetch user data from firestore database
✅ Logout feature
✅ Email verification using firebase and react native expo
✅ React native and firebase tutorial
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, 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, email authentication tutorial of react native expo and firebase, login and register a user using react native and firebase, 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 #reactnavigation
Part 2: ruclips.net/video/-PEODg5Xr9Q/видео.html
Part 3: ruclips.net/video/onW84a_p4VA/видео.html
Do Subscribe and keep supporting
Keep going dude.. and also do one video on forgot password and also nested n nested data with flatlist with navigation. Plz
Sure
Pls how can I add buttom navigation tabs to the dashboard section instead??
You have to nest the stack screen inside the bottom tab nav
Really Helpful this video - i watch too many videoes but not work even chatgpt not correctly work but this way work ,
Thank You so much ,pls make more videoes on tech.
Check out my channel 😉 keep supporting 🙌
I had to go through over 20 videos to find out react native needs a web app and not android. you people should explain simple things like this, each video that put a web app I skipped. Until one long video which explained why to use web app.
it not wowrk it say: undefined. I dont see the problem
An error is coming
Unable to resolve "..config" from "scr\Login.js"
Could you plse help 😢
check your Login and config files path
@@BugNinza The Login file path is correct sir .Yet it shows the same error😐 .
please help.. can not navigate to dashboard screen
Recheck your code. Might be committing some mistakes in state changes.
@@BugNinza I have check 5 times but i dont know where my mistake
Please help me
Me too please help
Hi, actually am getting error in importing the firebase in login.js file how it will get resolve
kindly help I have stucked with this error
What's the error???
@@BugNinza firebase file is not getting imported in the login.js file {"unable to resolve the issue"} is occurring on running the application
Thank you, your video really helped me a lot. 😀
Glad it helped! Keep supporting 🤜🤛
thank you. it worked.
Happy Coding
sir why the alertbox said _config.firebase.simple is not a function ?
where is _config.firebase.simple. Check your code
@Bug Ninja, bro after successfully signing in, my app goes to dashboard screen but when I press back button its going to login page again. I put gestureenabled as false for the dashboard screen yet it doesn't work. Any solutions for this problem ?
You need a way to manage the user's authentication state. You could use a state management library like Redux, React Context, or even the built-in useState hook. Store the user's authentication status (logged in or not) in this state.
Thank you for your help!
Happy coding 😁
It Worked. Thank you!
Glad it helped
I followed the exact steps yet im getting this error 😢 Cannot read properties of undefined (reading 'auth') plz help me
Might be commiting some kinda spelling mistakes. Check your code.
same error for me too , have u got the output?
It worked. Thanks man
Glad it helped
hi thank you for sharing , i wonder how do have the code appearing without typing
Github co-pilot
this errror appear
error while updating property fontsize in shadow node of type RXTTEX
fontsize -> fontSize
@@BugNinza thanks sir ❤ its working ❤
@Bug Ninja, bro if I want to select make an android app (not a web app) then would it matter to select Firebase auth option as a web app, or is it compulsory to choose android app config after creating a project in Firebase? Thanks in advance
When creating an Android app with Firebase, it's recommended to select the Android app configuration option after creating a project. While you can use Firebase Auth with a web app configuration, it's better to choose the Android app option because it tailors the setup specifically for Android development. This ensures that your authentication flows, security settings, and integration are optimized for the Android platform. It's not compulsory, but selecting the Android app configuration enhances compatibility and offers a smoother user experience for your Android app users.
@@BugNinza thanks for the immediate and informative response
Hey, which extension do i need for VS Code to actually use that rnfe snippet?
Thank you so much for the vieo Mate :)
JavaScript (ES6) code snippets, ES7+ React/Redux/React-Native snippets
how to fix Firebase: A network AuthError (such as timeout, interrupted connection, or unreachable host) has occured. (auth/network-request-failed)
Check your firebase set-up. You can show me your error on my social media handle for more details
@@BugNinza I sent you a dm on your instagram
I have the same problem, what's the fix?
Error shown: cannot read property of auth of undefined ...
check your config.js file and import the right components. Follow the video carefully
plzzz can you tell how you make folder from initially beacause i don't know to make folder plzzz help me
expo automatically creates a folder. for eg: if you execute the command 'npx create-expo-app Auth" then expo creates a folder "Auth". Follow the video carefully
This video doesn't show if user enters a incorrect email/password. Could you provide a video that shows validating email/password?
Soon. Stay tuned
Can we use navigation.navigate{ } for inside navigations after successfully login?
Yes! But you have to define it in the App.js ( or any other preferred location). That we are in the logged in state of the application. Like, I defined the dashboard in the App.js
@@BugNinza Okay bro thank you ❤
bro can you tell me where did you define loginuser in login page?
Line 11: loginUser
Thank you for this content! Success
Glad you enjoyed it!
WARN Possible Unhandled Promise Rejection (id: 0):
ReferenceError: Property 'indexedDB' doesn't exist
Where is indexedDB? Follow the video carefully
undefined is not a function how to fix it?
Might be some kinda type error. Check your code
my code dosent work
what's the error?
Thanks for uploading videos. How can I update auth users?
I ll update. Stay tuned
@@BugNinza Thank You🙆♀️
Can I get the github link
ERROR FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app-compat/no-app).
Check your config.js file. Follow the video carefully
@@BugNinza WARN Possible Unhandled Promise Rejection (id: 0):
ReferenceError: Property 'indexedDB' doesn't exist
Great
Please the source code
I have already started project without expo. Can i use this?
yes, you can use javascript anywhere
@@BugNinza the same code in the vedio?
Very good music!
after run first command expo init Auth on cmd there is statement show that exo is not internal or external command
It's not exo... it's expo
your are awesome bro😘😘😘
Thank you so much 😀
Can you make a video on forgot password and update it in firestore? plz
Sure. Stay tuned
github link ?
Itachi Uchiha🤩
Indeed. Keep Supporting
Can you do a video on Sign in with Google and Facebook with the same Firebase code?
Yes, why not. I'll upload it soon. 🤞
@@BugNinza have you done with that tutorial ? please share link
Please what android emulator are you using
I'm not using any emulator. I am using expo app (as proviced by the expo officials). After that, I mirror my device screen for recording
@@BugNinza Thank you very much
I have subscribed
showing network auth error
Make sure that your device and laptop has the same internet connectivity
it could be better without music
Sorry!!! old video. I'm open for suggestion😉
please give me source code
check description
itachi ❤❤
can you show how to handle email verification, to not let the user log in without verifying the email?
You can handle it in the following way:
useEffect(() => {
if (user && !user.emailVerified) {
setError('Please verify your email address first.');
}
}, [user]);
Note: You have to modify your code, according to your project
what is that theme name? i like it
Dark High Contrast
@@BugNinza Dang I don't realize it
Bro is It working in APK as Well ?
If not Then Plz make a Seperate video On it!
It gonna work. Add the permissions and go for eas build
@@BugNinza Thanks bro You are doing Great Work ☺☺
🤓
😍✌️
i got an error that said 'undefined is not an object (evaluating ''_firestore.default.app.length')'
check your config.js
Dear bug Ninza,
I am facing the same error. Kindly explain which line of code should be changed in config.js file.
Thanks.
If you used import like this: import firebase from '../config'; change it like this: import { firebase } from '../config';
Do u have any idea about this error :
Requiring unknown module "1". If you are sure the module exists, try restarting Metro. You may also want to run yarn or `npm install'.
awesome
Thanks. Keep supporting 🙌
i got an error "cannot read property 'auth' of undefined" how can I solve this error
In which part you got this error? Can you revise your code once again?
@@BugNinza when I tried to login in but code has no error
Continue this video with Forgot Password 🙂?
Sure, stay tuned. keep supporting