Guys, if the video is helpful to you or you learned something than please appreciate and hit the LIKE and SUBSCRIBE button and help this channel to GROW😉
@smitagravat1063
2 жыл бұрын
after u login u redirect to some other page but when u enter login manually in address bar it logs u out and shows login page again how to deal with that
@nisara2510
2 жыл бұрын
Really good and clear explanation. I think though there is a little detail in the logOut function. You should set the user to the default value, in my case, null function logOut() { setUser(null) return signOut(auth); } regards!
@kavascgjmd5790
2 жыл бұрын
@Jeevan Krishna gorrepati did you get the sol
@devsuthar6272
Жыл бұрын
thank you so much
@Turingtechs
10 ай бұрын
Thank you bro
@Disguised_Angel
2 жыл бұрын
I don't usually comment, but thank you. You are very helpful and clear when explaining how things worked. Loved the video! Keep up the good work.
@DipeshMalvia
2 жыл бұрын
Glad it helped!
@ankitchauhan9099
14 күн бұрын
Thank You so much. I found the best Firebase tutorial video on youtube ❤
@shubhamokay
11 ай бұрын
Great video ❤ Thank you so much for being very helpful and clear in your instructions. Keep the good work going 💯
@DipeshMalvia
11 ай бұрын
My pleasure 😊
@kanuchinaza2984
Жыл бұрын
This video is so easy to understand , follow and also well detailed! Thank you.
@user-bu2yv2uz3h
2 жыл бұрын
The best video about Auth with React and FireBase on KZitem! Trust me!
@DexterrrrX
Жыл бұрын
you are a very good teacher, it's rare to find teachers that are precise and direct and at the same time very clear in explanation. Thank you.
@priyanshramnani1751
Жыл бұрын
Thank you soo muchh!!!! This was very very helpful!!!!!! You are an absolute gem! I was stuck on this for a while but your video helped me implement authentication! 💖
@carlosnani
2 жыл бұрын
Thanks a lot man! This class was very userful!!!
@quanduong3390
11 ай бұрын
EXACTLY WHAT I REALLY NEED FOR MY SENIOR PROJECT. YOU ARE A GOD.
@Turingtechs
10 ай бұрын
Wow this is the exact tutorial I was looking for
@DipeshMalvia
10 ай бұрын
Wonderful! Hope you enjoyed the tutorial!
@danielmalede
Жыл бұрын
Thanks so much! This really helped me to understand the authentication process. I had been completely stuck and overwhelmed but this video really made sense and made it easy.
@alainroos5383
2 жыл бұрын
Excellent ! Thank you for your clear explanations
@DipeshMalvia
2 жыл бұрын
Glad it was helpful!
@indrasen9617
2 жыл бұрын
Very Helpful. Thanks for using the latest features of React Router.
@DipeshMalvia
2 жыл бұрын
Glad it was helpful!
@KaranSingh-rn2zk
2 жыл бұрын
Great Explanation as always Dipesh. I am successfully able to add firebase Authentication in my website. Although, I got stuck for 24 hrs at one issue but just now I found out I made a mistake in component will Unmount('unsubscribe') method. React Rocks !
@DipeshMalvia
2 жыл бұрын
That's wonderful. 👍
@anandkrg
Жыл бұрын
Great video for learning Authentication, You are changing people's lives.
@clintbriley1892
2 жыл бұрын
You've got a sub from me dude! Awesome work!
@salamsheikh5648
2 жыл бұрын
A Clean Way to Learn Authentication , Highly Appreciated❤❤😊😊
@jppd0657
Жыл бұрын
I just realized ChatGPT will never be as helpful as these excelent indian programmers lmao. Well done man! You have no idea how helpful this video was, keep the good work:D
@rakeshkundu2872
Жыл бұрын
You are the GOAT🐐. Thanks for everything.
@imkir4n
2 жыл бұрын
Another Banger!👌
@DipeshMalvia
2 жыл бұрын
Thanks!
@talatkuyuk6556
2 жыл бұрын
Your videos are really informative. Thanks for your effort. This tutorial is also well designed. Thanks again.
@aviworld1995
2 жыл бұрын
Great explanation. Very helpful. Appreciate your effort. Thank you.
@dcode721
2 жыл бұрын
Thanks Dipesh.....this was really helpful
@DipeshMalvia
2 жыл бұрын
Thanks!
@tahirmahmoodhashmi7418
2 жыл бұрын
Nice video, very understandable, Thank you so much.
@DipeshMalvia
2 жыл бұрын
Glad it was helpful!
@danieldeavila557
2 жыл бұрын
Genial hermano. muchas gracias, habia visto muchos videos pero ninguno me sirvió como este.
@eliuddyn
2 жыл бұрын
This tutorial is so amazing 🔥🔥
@DipeshMalvia
2 жыл бұрын
Thanks and glad you liked it!
@paltechy
2 жыл бұрын
Very helpful sir im learning react through your videos...thank you so much.
@DipeshMalvia
2 жыл бұрын
That's awesome! Keep learning
@westernpigeon
2 жыл бұрын
I was implementing this into one of my projects and i believe there is a bug in your code. @38:13 -- when you refresh the page, it logs the user out even tho technically the user is logged in and the UI makes it appear like the user is logged out the way u fix this is you put the 'onAuthStateChanged' function inside 'ProtectedRoute.js' AND you create a useState like so: const [user, setUser] = useState({}) onAuthStateChanged(auth, (currentUser) => { setUser(currentUser); }); just make sure you import onAuthStateChange and the 'auth' from 'UserAuthContext.js' into 'ProtectedRoute.js' the if statement should be left as is and when u refresh your authentication should persist and you should only be logged out when you click logout. hope this helps
@ashimshrestha4004
2 жыл бұрын
hi, can you please demonstrate with your source code?
@jordan0639
2 жыл бұрын
Hi, can you help me by showing the code? I cannot seem to make it work
@saugatmainali7784
2 жыл бұрын
Thankyou sir for this tutorial it was really helpfull bit confused on useEffect part
@surajdedhia9584
2 жыл бұрын
Very nice & quick explanation to cover the entire topic. Wonderful 😀
@TheAppliancePlug
Жыл бұрын
Hi, I am currently trying to wrap the app component with the context provider as shown. I am using NextJS and every time I wrap the _app.js; the page just breaks with no console errors. Just goes blank on my local host. Hopefully this is enough information that you can help me with. Thanks
@mohammedshahid6663
2 жыл бұрын
Thanks! It's very helpful for me
@DipeshMalvia
2 жыл бұрын
Glad to hear that!
@faisalahmad100
2 жыл бұрын
Really helpful this video... Thank you so much... Sir❤️❤️
@DipeshMalvia
2 жыл бұрын
Most welcome 😊
@JJ-ot3ps
Жыл бұрын
nice video but you forgot to save user in the firestore :p
@pasalapranathi9015
2 жыл бұрын
hey Dipesh its really Awesome and useful to create firebase login and logout system
@aburaihan-py4vi
Жыл бұрын
Excellent!
@pablomarino
2 жыл бұрын
Excelent video!
@AyushKumar-16999
Жыл бұрын
thank you soo much sir , it was soo helpful and you made it soo easy to understand for us. ❤❤
@KarolCud
2 жыл бұрын
22:35 you can return only ref to the unsubscribe function, without anonymous wrap function :) By the way, great tutorial!
@DipeshMalvia
2 жыл бұрын
Thanks for that!
@catagreendevil
2 жыл бұрын
I think I am getting an error because of that but I am not sure. When I login and try to redirect I get white screen and the following errors: - Class constructor Button cannot be invoked without 'new' - Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function. Can you help me or at least tell me what the problem might come from? I just started to learn React so I don't really know what to do here.
@catagreendevil
2 жыл бұрын
I found the problem, the problem is in the Home page with the bootstrap Button. If I use a normal JSX , I don't get the error anymore.
@maheshtamrakar292
2 жыл бұрын
@@catagreendevil Class constructor Button cannot be invoked without 'new' import { Card, Form, Button, Alert, Container } from "react-bootstrap"; **import from react-bootstrap not from bootstrap - this solve my problem
@azimabdumutalibov7647
2 жыл бұрын
Nice lesson Thank you
@DipeshMalvia
2 жыл бұрын
Glad you liked it!
@muhammadrabbi2211
2 жыл бұрын
Thanks for this... it's really helpful...
@tp2133
2 жыл бұрын
I am getting error in value in userAuthContext.Provider
@ijajulislam7223
2 жыл бұрын
Sir followed your whole code but one signup function is not working..here is the problem TypeError Cannot read properties of undefined (reading 'userSignUp') const {userSignUp} =userAuth() this line is showing error
@BABLUKUMARBAMBAL
2 жыл бұрын
Ur videos are amazing brooo thanksss bhai
@DipeshMalvia
2 жыл бұрын
Thanks and welcome!
@dineshj1998
2 жыл бұрын
Neat and clean.. Bro..
@DipeshMalvia
2 жыл бұрын
Thanks 👍
@manqobangubeni6172
2 жыл бұрын
🤜🤜Thanks a lot your content is very useful
@RahulGupta-yl3jk
2 жыл бұрын
thank you bhai, mja aa gya ab firestore and storage pr video aa jaye to mja hi aa jayega
@DipeshMalvia
2 жыл бұрын
Video already aa gya hai bhai...check the lastest upload
@adityarout1276
2 жыл бұрын
i'm gonnnu give a big thumps up👍 and dab
@MYusup-yf7lu
10 ай бұрын
awesome video, can you make or recommend how to make the role base or multiple login react with firebase database?
@aankushchauhan
2 жыл бұрын
how can we persist the user state in our app, do we need to use localstorage to do that stuff, could you plz explain in brief with reference to this code.
@aankushchauhan
2 жыл бұрын
@Samuel lebaron yeah, I find the fix instead of setting the value of user to "" in the useState make it an object. {} ex - const [user, setUser] = useState({}); works for me!
@hi-yi7en
2 жыл бұрын
Your explanation on concepts is very good bro
@chloe_delinah
2 жыл бұрын
Sir, you may have just saved my graduation
@ValpaliVenkatesh
Жыл бұрын
nice explaination bro
@AdityaAditya-il6ng
Жыл бұрын
you are the best
@deniz-wt8go
Жыл бұрын
thank you my friend :)
@bravo1oh1
2 жыл бұрын
Can u do same video it with apple id sign in and Google sign in.
@osman_akdag
2 жыл бұрын
Thanks for this video
@itinfo8931
Жыл бұрын
Thank you sir
@vanshikaacchwani
2 жыл бұрын
very informative but the protected route is not working in my project
@DipeshMalvia
2 жыл бұрын
Can you check the reference code or elaborate your problem so that we can look into it.
@mohamedyoussef8835
2 жыл бұрын
Awesome video +++++++++++++++ Thank you 😃
@Lotus-kb2vg
Жыл бұрын
Excellent
@leonardospecht4779
2 жыл бұрын
You are a god
@thepatternhub853
2 жыл бұрын
hi thanks for this video but i am having an error from the login file: Uncaught TypeError: Cannot destructure property 'logIn' of '(0 , _context_UserAuthContext__WEBPACK_IMPORTED_MODULE_2__.useUserAuth)(...)' as it is undefined. at Login (Login.js:12:1)
@allymbaya2701
2 жыл бұрын
rap with the userAuthProvider to the index.js
@skverskk
2 жыл бұрын
Well done with easy step-by-step explanations. On the firebase sign up, is there a way to send a confirmation email to the new user instructing him to click on the email link, before allowing him access? Thx
@0xredpill
Жыл бұрын
You can use this method sendEmailVerification
@Anonymous-xy8ps
2 жыл бұрын
Thanks for the video 😊.. I have encountered one problem, when I refresh my page after logging in , it takes me back to the login page even though I have logged in.. Can someone please help me ??
@raffyrey9604
2 жыл бұрын
same here...
@raffyrey9604
2 жыл бұрын
i change something in my protected route //Protected Route function RequireAuth() { const currentUser = useAuth(); if (currentUser === undefined) { return null; // or loading indicator, etc... } return currentUser ? : ; }
@raffyrey9604
2 жыл бұрын
i hope it will help in your side
@Anonymous-xy8ps
2 жыл бұрын
@@raffyrey9604 Did it solve the problem ??
@allymbaya2701
2 жыл бұрын
it means the user is null
@rohitjha7202
2 жыл бұрын
Great content but i would like to see how you're going to store client site generated access token without storing in local storage and in Cookie.
@jayakulhade5811
2 жыл бұрын
@dipesh please enhance with it
@DipeshMalvia
2 жыл бұрын
I have to understand this what is the use case you are trying to achieve so that I can work on it. Usually tokens are generated from Auth server and passed to client application so that they(client app) can use the token and access the resources from resource server.
@shabiqghaziid5345
2 жыл бұрын
When I refreshed on Home page, I was redirected to Login page. why? I think it because I initialized user with useState(""). and it take a while for get the currentUser data. so I change it. I initialize with empty object {}. It works!. But it causes a new problem. when an un-authenticated user goes to the Home page, he can view that page for a while until it returns to the login page. How to fix that problem ?
@DipeshMalvia
2 жыл бұрын
I saw few people reported this issue. I will surely look into it. Thanks
@shabiqghaziid5345
2 жыл бұрын
@@DipeshMalvia ok. Nice tutorial btw
@xmart2k
2 жыл бұрын
@@DipeshMalvia any fix on this?
@hridoy5585
2 жыл бұрын
Thanks ❤️
@DipeshMalvia
2 жыл бұрын
You're welcome 😊
@michaelcaligner4636
2 жыл бұрын
Thank you for this Tutorial sir
@SolomonRazak
4 ай бұрын
Hi @Dipesh I followed your tutorial and it worked fine for me. I am trying to implement the forget password and reset password email but its not working. Can you please help
@flpmko
2 жыл бұрын
Amazing walkthrough! You explained everything! I was having quite hard time with redirecting and protected route before, but after following your tutorial I managed to implement it! Great content! However, I have one issue, when I reload the page from the protected route, the Login page will be displayed and not the protected one, even though I'm already logged in... any thoughts?
@Gustavo-nz1vt
2 жыл бұрын
Thats because the "user" is only a state, which is cleared when you refresh the page. You can use the setPersistence(auth, browserLocalPersistence) to save the user in localstorage, and when the page loads the first time (useEffect), you check if there is any value in localstorage and fill the user state with that data. This way you will keep logged in. With this method, when you signOut() the localstorage is automatically cleared.
@flpmko
2 жыл бұрын
@@Gustavo-nz1vt oh yeah, I thought I would need it to store in local storage, but thanks to you, I can now use setPersistence and not do it manually myself! Thank you!
@westernpigeon
2 жыл бұрын
hey dude, i just left a comment regarding this but i will reply with it here again. @38:13 -- when you refresh the page, it logs the user out even tho technically the user is logged in and the UI makes it appear like the user is logged out the way u fix this is you put the 'onAuthStateChanged' function inside 'ProtectedRoute.js' AND you create a useState like so: const [user, setUser] = useState({}) onAuthStateChanged(auth, (currentUser) => { setUser(currentUser); }); just make sure you import the onAuthStateChange function and the 'auth' from 'UserAuthContext.js' into 'ProtectedRoute.js' the if statement should be left as is and when u refresh your authentication should persist. You do not need to use Local Storage
@flpmko
2 жыл бұрын
@@westernpigeon thanks, I fixed it with firebase function setPersistence, where you can set either local storage, session storage or no persistence. I set it to session storage and it works fine :)
@manishpaudel6515
2 жыл бұрын
@@flpmko Hey, do you have any tutorial or link you followed. I want to work on this.
@Harindervir46
2 жыл бұрын
Thanks
@DipeshMalvia
2 жыл бұрын
Welcome!
@kachidereodumeh2040
11 ай бұрын
Great work sir. I'm trying to include a loading state when a user tries to login. I tried it out but, I've encountered so many errors. Can you or anyone help me with this?
@mechvishwanath
Жыл бұрын
Hi Dip .. Really nice video … I have implemented the Microsoft provider but pop up instantly closes and in console it say auth/internal-error I have checked all the settings of azure and firebase , all seems ok Any thoughts on this Contacting viva react app
@fahadbhatti6185
Жыл бұрын
Nice video i was stuck on a thing which is when i reloads the page it didn't logged me in so i make a slight changing in it which is I change useState in context file from const [user, setUser] = useState(" ") to const [user, setUser] = useState({}) and it works for me :)
@roshanbhattad4493
2 жыл бұрын
Very informative video sir Really appreciated. I am having an error since a week now Saying element type is invalid expecting a string or a class/function but what undefined you're likely forgot to export your component from the file it's defined in or you might have mixed up defaults and name imports
@Mohamed-Ba
2 жыл бұрын
i've the same error, do u got the solution ? please
@danielzuzevich4161
Жыл бұрын
I was looking for a video for a junior developer, unfortunately it skips too much of the UI building part.
@yunusyas3158
9 ай бұрын
😍
@olaitanmichael6025
2 жыл бұрын
Thanks alot for this been looking for how to do it for months........ one issue though whenever the i enter the protected routes if i refresh it'll take me back to login page and i'll like to integrate firestore with it also
@divvukancherla9817
10 ай бұрын
sir how to add admin role and user role ? any video for that
@piyush5764
8 ай бұрын
A bug i am facing : I am displaying a ("/") home component, which is unprotected and i am displaying a button on that which is for login, when i click i go to login ("/login"), and same for signup, The issue is when i am signing up, and redirecting to login so that user logins and then goes to the protected route. But right after signup, my unprotected routes are getting unlocked and i am able to access it right after signup and before login.
@allymbaya2701
2 жыл бұрын
great tutorial however I have got an error on the firebase regarding the google sign in, the error is auth/auth-domain-config-required
@tristanhurley9071
Жыл бұрын
When you create an account it is automatically keeping you signed in. So thats not working as it looks in the background at all.
@52nevil36
2 жыл бұрын
please video on MERN project!
@DipeshMalvia
2 жыл бұрын
Yes, already added for next year
@Ash-uf9sn
Жыл бұрын
Even when you're logged in and try to access home from some other place...you just can't you have to login again. It's a bug in your code.
@akshayKumar-kx9mm
Жыл бұрын
Can, you implement and show the forgot password, reset password, send verification using firebase!!
@DipeshMalvia
Жыл бұрын
Sure, firebase have pre-built methods
@chaitanyadani4273
2 жыл бұрын
Hey @dipeshmalvia what should I do if a logged in user can access the login page after successful login after clicking back button. It should redirect to dashboard/home page. Please suggest something as I am trying to do it from 2 days.
@malemyengkhom56
2 жыл бұрын
Sir any MERN project coming, from your side in the future videos?
@DipeshMalvia
2 жыл бұрын
Yes, offcourse that is in my to-do list. Appreciate to share ideas if you have any for MERN project videos.
@malemyengkhom56
2 жыл бұрын
@@DipeshMalvia actually I want a video of otp verification via sms and email id too, in MERN
@Speede04
Жыл бұрын
After pressing refresh button on home screen I keep getting sign out and redirected to login page, how to solve it?
@mihirlakhamje9575
9 ай бұрын
whenever i login with registered user and then refresh i redirect to login page and currentUser state becomes null. idk why
@harikrishnabomen8650
Жыл бұрын
Could you please provide the starting files?
@sadiyakhan2795
2 жыл бұрын
In userAuthContext file..it is not allowing to take useStare nd useEffect as...usercontexprovider is not a part of react
@mirzaraza3542
2 жыл бұрын
what if my login and signup codes are in different components where should I setup the authState Persistence?
@manifestationKrnaSikhlo
2 жыл бұрын
can anyone tell me, whenever I try to import userAuthContext to my signup page, it is not showing anything on my browser without any error?
@DipeshMalvia
2 жыл бұрын
Please follow the reference code GitHub link added in the video description.
@HikmalPramudya
2 жыл бұрын
sameee, howw?
@haaidrehman3243
2 жыл бұрын
Getting this Error ---> Firebase: Error (auth/cancelled-popup-request) whenever I am trying to login using google login button (with firebase setup)
@DipeshMalvia
2 жыл бұрын
Please allow the pop-up in your browser first and then try. As from the code or firebase side the prompt to user for allow pop-up is not available. So first manually allow your browser setting to open pop-up's.
@tareshgupta1095
Жыл бұрын
error handling with try and catch doesnt work , solutions ??
@pmahesh1147
4 ай бұрын
while refresh browser auto logouted what is the solution ???????
@bradstephen526
2 жыл бұрын
While refreshing the home page my user is getting logout what to do
@bradstephen526
2 жыл бұрын
@Samuel lebaron yes got it its because I use return function in protected routes
@khadabaalgaming7489
Жыл бұрын
hello, great video but please also add forgot password section.
Пікірлер: 217