Display User Info & Sign Out in Firebase Auth | React Authentication Tutorial Bangla - video Dailymotion

ABC Computer

আজকের ভিডিওতে আমরা শিখবো কিভাবে Google Sign-In করার পর Firebase থেকে ইউজারের Profile Info UI-তে দেখাতে হয় এবং কিভাবে Sign Out করে data clear করতে হয় ✅  Authentication flow আরও প্রফেশনালভাবে পরিচালনা করা শেখানো হচ্ছে 🔥  🎯 In this video you will learn:  How to get current user info from Firebase  Display user data: Name, Email & Profile Photo  Conditional UI Rendering for Auth State  How to implement Firebase Sign Out  How to redirect after logout  ⚙️ Tools Used: React JS • Firebase Auth • React Router • Tailwind CSS • DaisyUI

Transcript

00:00Assalamualaikum

00:30Assalamualaikum

01:00Assalamualaikum

01:30Assalamualaikum

02:00Assalamualaikum

02:30Asalamualaikum

02:32Assalamualaikum

02:34Out instantly

02:36have to file

02:38this file

02:40In my passport

02:42click an

02:43Unaxpected

02:44can not reed property of null

02:47User spend was far

02:49condition

02:51I need to verify

02:53unser

02:54O

02:55user

02:56use

02:59user

03:00conditional

03:03conditional

03:04so

03:06we have two ways to do

03:07act out

03:08that we have

03:10optional change

03:13we have to do

03:15if we have to do

03:16and we have to do

03:17if we have to do

03:18we have to do

03:19optional change

03:20.b

03:21.email

03:23.email

03:25.email

03:27.email

03:29.email

03:30.email

03:31.email

03:32.email

03:33.email

03:34.email

03:35.email

03:36.email

03:37.email

03:38.email

03:39.email

03:40.email

03:41.email

03:42.email

03:43.email

03:44.email

03:45.email

03:46.email

03:47.email

03:48.email

03:49.email

03:50.email

03:51.email

03:52.email

03:53.email

03:54.email

03:55.email

03:56Here we go to the user user user select column

04:13which will open Google

04:15and then click user user

04:21it is because it they legit only user by I guess it's a level I'm not sure what

04:24I said I'm not there I can a console log at eight for the same

04:28instance I'm a cellular issue of what I did about the city was are I should be

04:31I'm not just your result in a fight to see result. I'm a user you don't know

04:38you don't know user fans you're going to be able to be a sign in Google

04:41the number information by this because it's our own material option and chilling

04:49now beyond some rider a conditional of the body condition of the key of the

04:53I'm not just a control x the column a can I'm ready to go to the camera is a

04:58dynamic and the user to the tank a delay in the cover the option and chilling

05:03you know about the options you know about the numbers and you are really

05:07thank you

05:08I love you all right that is just hello ever I'm just never reload

05:11kori but as low as I'm gonna sign in Google click kori

05:18yeah I'm mother put it as to dance I'm not really a user and I'm not

05:22really even though I'm very image possible is a photo URL is a photo URL

05:25what do you really can say I'm not really can I'm other is a

05:28.

05:37.

05:43.

05:48.

05:49.

05:51.

05:53.

05:54.

05:57.

05:58.

05:59.

06:00.

06:04.

06:05.

06:06.

06:09.

06:10.

06:13.

06:18.

06:21.

06:22.

06:24.

06:26.

06:27.

06:40.

06:52I will import get auth rc sign out

06:55I will import const auth variable

06:58Get auth auth

07:01So already auth auth is 12

07:04Get auth auth

07:07Get auth auth

07:11Get auth auth auth

07:13Const auth

07:14I will import auth auth

07:16I will import

07:19Direct sign out

07:21I will import auth

07:24Sign out

07:25To fill the file

07:26To fill the file

07:30Sign in to sign out

07:31Sign out

07:35Sign out

07:37Sign out

07:40Sign out

07:42Sign out

07:43Class

07:45Class

07:46Handle

07:49constant

07:51and del sign out

07:53you can have a camera

07:55I can have a camera

07:56I can tell the function of how

07:59a camera camera

08:00and a cool movie goes around

08:01was a girl say

08:02Becky or a kid or a check

08:04once sign out

08:06to make an opposite

08:07the lake is a sign

08:09out sign out

08:11that's an either sign out

08:11as well to get fire

08:12with a ticket

08:13he has a sign out

08:14I'm going to ask me

08:14sign out

08:15I'm going to ask you

08:15some of the design

08:16or say

08:16ever later

08:17I'm not

08:18foreign

08:32foreign

08:48the blank

08:51sorry the body the lamp is you're a blank

08:53rags a blank rags a

08:55because a blank rags a photo check you

08:57was a dot catch the answer you don't

08:58listen to the same moment okay

09:00i'm not an initiative or something

09:02i'm gonna go to the camera just like

09:04this is so catch let's say catch it

09:06with the roger same we don't have a

09:08you don't have a you don't have a

09:09you don't have a you don't have a

09:10you don't have a console lock for the

09:10you don't have a

09:11you don't have a console

09:14so just to check it out

09:16oh

09:21okay

09:26you don't have to

09:28see

09:30yeah

09:37That'll be me.

10:005.

10:046.

10:107.

10:207.

10:29so

10:31so

10:35so

10:37so

10:39so

10:41so

10:43so

10:45so

10:47so

10:49so

10:51so

10:55so

10:57this

11:01so

11:03so

11:05here

11:07Sign out button. When you have sign out, you will sign in button.

11:10You will see the 2 button.

11:12This is the conditional formatting.

11:16This is the conditional formatting.

11:20I will say that when the user has the sign in,

11:32sign out.

11:33સેભલામ રકી કોલમ હીંટ આમરા આમરા આમામ વસે સેંટ ઈંલે સેંંટ હીંલા હીંલા ચોલા કોલામ એખાણે

12:03click on google

12:05sign out option

12:09sign out

12:11I think

12:13I think

12:15firebiz

12:17so

12:19next video

12:21practice

12:23assalamualaikum

Display User Info & Sign Out in Firebase Auth | React Authentication Tutorial Bangla

Category

Transcript

Be the first to comment

Recommended