Email Authentication With Verification In React Native and Firebase App | React Native Tutorial

Подписаться 10 тыс.

Просмотров 51 тыс.

50% 1

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

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

18 июл 2022

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 128

@BugNinza 2 года назад

Part 2: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--PEODg5Xr9Q.html Part 3: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-onW84a_p4VA.html Do Subscribe and keep supporting

@neelnsoni1313 6 месяцев назад

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.

@BugNinza 6 месяцев назад

Check out my channel 😉 keep supporting 🙌

@super8bp785 2 года назад

Keep going dude.. and also do one video on forgot password and also nested n nested data with flatlist with navigation. Plz

@BugNinza 2 года назад

Sure

@fatimaperezlara8817 Год назад

Thank you, your video really helped me a lot. 😀

@BugNinza Год назад

Glad it helped! Keep supporting 🤜🤛

@Tobi1200 Год назад

It Worked. Thank you!

@BugNinza Год назад

Glad it helped

@ndiayeousmanezoonoreyny1152 3 месяца назад

it not wowrk it say: undefined. I dont see the problem

@jondygonzales4997 2 месяца назад

Thank you for your help!

@BugNinza 2 месяца назад

Happy coding 😁

@jefferydeme3676 Год назад

Pls how can I add buttom navigation tabs to the dashboard section instead??

@BugNinza Год назад

You have to nest the stack screen inside the bottom tab nav

@pablopablo7115 2 года назад

It worked. Thanks man

@BugNinza 2 года назад

Glad it helped

@martinhoamimo5074 3 месяца назад

thank you. it worked.

@BugNinza 3 месяца назад

Happy Coding

@TheMasterPhilipp Год назад

Hey, which extension do i need for VS Code to actually use that rnfe snippet? Thank you so much for the vieo Mate :)

@BugNinza Год назад

JavaScript (ES6) code snippets, ES7+ React/Redux/React-Native snippets

@veto8172 Год назад

Very good music!

@user-ve9gc1sg6q 11 месяцев назад

@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 ?

@BugNinza 11 месяцев назад

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.

@joshuaagena8408 4 месяца назад

sir why the alertbox said _config.firebase.simple is not a function ?

@BugNinza 4 месяца назад

where is _config.firebase.simple. Check your code

@user-ve9gc1sg6q 11 месяцев назад

@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

@BugNinza 11 месяцев назад

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.

@user-ve9gc1sg6q 11 месяцев назад

@@BugNinza thanks for the immediate and informative response

@RiyaSharma-bu7yv 4 месяца назад

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

@BugNinza 3 месяца назад

What's the error???

@RiyaSharma-bu7yv 3 месяца назад

@@BugNinza firebase file is not getting imported in the login.js file {"unable to resolve the issue"} is occurring on running the application

@noellejohnson3657 6 месяцев назад

hi thank you for sharing , i wonder how do have the code appearing without typing

@BugNinza 6 месяцев назад

Github co-pilot

@reynoldnangawe4332 2 месяца назад

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.

@udaniamarasinghe24 Год назад

Can I get the github link

@henrique9009 Год назад

Thank you for this content! Success

@BugNinza Год назад

Glad you enjoyed it!

@monica.b4974 4 месяца назад

An error is coming Unable to resolve "..config" from "scr\Login.js" Could you plse help 😢

@BugNinza 4 месяца назад

check your Login and config files path

@monica.b4974 4 месяца назад

@@BugNinza The Login file path is correct sir .Yet it shows the same error😐 .

@chaudhrysamtech7269 Год назад

this errror appear error while updating property fontsize in shadow node of type RXTTEX

@BugNinza Год назад

fontsize -> fontSize

@chaudhrysamtech7269 Год назад

@@BugNinza thanks sir ❤ its working ❤

@SuperMagnet 11 месяцев назад

bro can you tell me where did you define loginuser in login page?

@BugNinza 11 месяцев назад

Line 11: loginUser

@nave3n612 Год назад

Can we use navigation.navigate{ } for inside navigations after successfully login?

@BugNinza Год назад

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

@nave3n612 Год назад

@@BugNinza Okay bro thank you ❤

@jobodoyo621 6 месяцев назад

i got an error "cannot read property 'auth' of undefined" how can I solve this error

@BugNinza 6 месяцев назад

In which part you got this error? Can you revise your code once again?

@jobodoyo621 6 месяцев назад

@@BugNinza when I tried to login in but code has no error

@bikeshbolivian8002 Год назад

your are awesome bro😘😘😘

@BugNinza Год назад

Thank you so much 😀

@user-sr7vo7ov6h Год назад

plzzz can you tell how you make folder from initially beacause i don't know to make folder plzzz help me

@BugNinza Год назад

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

@pakbeech6188 Год назад

how to fix Firebase: A network AuthError (such as timeout, interrupted connection, or unreachable host) has occured. (auth/network-request-failed)

@BugNinza Год назад

Check your firebase set-up. You can show me your error on my social media handle for more details

@pakbeech6188 Год назад

@@BugNinza I sent you a dm on your instagram

@theodorstrm-thrane8275 Год назад

I have the same problem, what's the fix?

@bansiparmar3879 Год назад

please help.. can not navigate to dashboard screen

@BugNinza Год назад

Recheck your code. Might be committing some mistakes in state changes.

@bansiparmar3879 Год назад

@@BugNinza I have check 5 times but i dont know where my mistake Please help me

@youcefben_tech Год назад

Me too please help

@noora1536 Год назад

I followed the exact steps yet im getting this error 😢 Cannot read properties of undefined (reading 'auth') plz help me

@BugNinza Год назад

Might be commiting some kinda spelling mistakes. Check your code.

@goushikm4307 Год назад

same error for me too , have u got the output?

@jefferydeme3676 Год назад

Great Please the source code

@Verum_Rex Год назад

This video doesn't show if user enters a incorrect email/password. Could you provide a video that shows validating email/password?

@BugNinza Год назад

Soon. Stay tuned

@uzairdown Год назад

github link ?

@anaz9399 Год назад

I have already started project without expo. Can i use this?

@BugNinza Год назад

yes, you can use javascript anywhere

@anaz9399 Год назад

@@BugNinza the same code in the vedio?

@thanhtaiphan2651 Год назад

Can you make a video on forgot password and update it in firestore? plz

@BugNinza Год назад

Sure. Stay tuned

@theintyadanarlwin9829 Год назад

Thanks for uploading videos. How can I update auth users?

@BugNinza Год назад

I ll update. Stay tuned

@theintyadanarlwin9829 Год назад

@@BugNinza Thank You🙆‍♀️

@Itachii-lord Год назад

itachi ❤❤

@WizzyAlex Год назад

Please what android emulator are you using

@BugNinza Год назад

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

@WizzyAlex Год назад

@@BugNinza Thank you very much I have subscribed

@user-sr7vo7ov6h Год назад

after run first command expo init Auth on cmd there is statement show that exo is not internal or external command

@BugNinza Год назад

It's not exo... it's expo

@tusharjain1932 Год назад

Error shown: cannot read property of auth of undefined ...

@BugNinza Год назад

check your config.js file and import the right components. Follow the video carefully

@karabomaloka8306 Год назад

Can you do a video on Sign in with Google and Facebook with the same Firebase code?

@BugNinza Год назад

Yes, why not. I'll upload it soon. 🤞

@himanshutank1356 9 месяцев назад

@@BugNinza have you done with that tutorial ? please share link

@vantzy7724 Год назад

undefined is not a function how to fix it?

@BugNinza Год назад

Might be some kinda type error. Check your code

@khatariinsaan5284 Год назад

Bro is It working in APK as Well ? If not Then Plz make a Seperate video On it!

@BugNinza Год назад

It gonna work. Add the permissions and go for eas build

@khatariinsaan5284 Год назад

@@BugNinza Thanks bro You are doing Great Work ☺☺

@joshuaagena8408 4 месяца назад

my code dosent work

@BugNinza 4 месяца назад

what's the error?

@willyhorizont8672 Год назад

what is that theme name? i like it

@BugNinza Год назад

Dark High Contrast

@willyhorizont8672 Год назад

@@BugNinza Dang I don't realize it

@thuanthanh8392 Год назад

WARN Possible Unhandled Promise Rejection (id: 0): ReferenceError: Property 'indexedDB' doesn't exist

@BugNinza Год назад

Where is indexedDB? Follow the video carefully

@goncalocorreia1464 Год назад

can you show how to handle email verification, to not let the user log in without verifying the email?

@BugNinza Год назад

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

@mageshwars5191 Год назад

Itachi Uchiha🤩

@BugNinza Год назад

Indeed. Keep Supporting

@sharjeelansari-rj2rr 7 месяцев назад

please give me source code

@BugNinza 7 месяцев назад

check description

@san.v715 Год назад

showing network auth error

@BugNinza Год назад

Make sure that your device and laptop has the same internet connectivity

@bilelrahmouni01 Год назад

🤓

@BugNinza Год назад

😍✌️

@irsasarfaraz8127 7 месяцев назад

it could be better without music

@BugNinza 7 месяцев назад

Sorry!!! old video. I'm open for suggestion😉

@webwork6193 Год назад

Continue this video with Forgot Password 🙂?

@BugNinza Год назад

Sure, stay tuned. keep supporting

@studentimantha5345 10 месяцев назад

awesome

@BugNinza 10 месяцев назад

Thanks. Keep supporting 🙌

@thuanthanh8392 Год назад

ERROR FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app-compat/no-app).

@BugNinza Год назад

Check your config.js file. Follow the video carefully

@thuanthanh8392 Год назад

@@BugNinza WARN Possible Unhandled Promise Rejection (id: 0): ReferenceError: Property 'indexedDB' doesn't exist

@fadilarfat4974 Год назад

i got an error that said 'undefined is not an object (evaluating ''_firestore.default.app.length')'

@BugNinza Год назад

check your config.js

@zeeshanjamil3212 Год назад

Dear bug Ninza, I am facing the same error. Kindly explain which line of code should be changed in config.js file. Thanks.

@charounkaratsompanimpram8361 Год назад

If you used import like this: import firebase from '../config'; change it like this: import { firebase } from '../config';

@syedali8440 8 месяцев назад

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