Firebase Authentication v9 in ReactJS (google/email sign-in, custom reset password) with ChakraUI
Mafia Codes Mafia Codes
44.5K subscribers
37,704 views
971

 Published On Oct 5, 2021

In this video series, we will be doing #Firebase #authentication in #Reactjs. We would be doing email/password + #Google #signin providers. We would also be implementing forgot password with a custom reset password page. All of this with a custom auth hook - useAuth.
We will be using the new firebase API i.e. v9, that uses tree shaking and uses a modular approach.

Timeline:
00:00 Introduction
00:20 Application demo
07:47 Cloning the started project
09:40 Starter project explanation
15:19 Create NEW firebase project
18:28 Initialize Firebase project in application
26:33 AuthContext
30:48 useAuth hook
34:28 Register user
46:51 Login user
53:30 Observe user (sign in/out)
57:55 Logout user
1:00:34 Google sign-in
1:04:32 Handling memory leak (useMounted)
1:10:28 Conditional Navbar
1:13:20 Protected Routes (with Redirect To or Back)
1:25:57 Forgot password
1:33:58 Custom Reset password page

GitHub (repo): https://github.com/trulymittal/react-...


Get your digital ocean account using the link (https://m.do.co/c/3208f08b3324) and get 100$ to use.

--------------------------------------------------------------------------
📦FREE $100 credit @Digital Ocean: https://m.do.co/c/3208f08b3324
--------------------------------------------------------------------------
Subscribe: https://www.youtube.com/c/yourstruly2...
--------------------------------------------------------------------------
💵Support the channel:
Paypal: https://www.paypal.me/trulymittal
Patreon:   / trulymittal  
--------------------------------------------------------------------------
⭐ Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with all the top editors and IDEs to give you smart completions and documentation while you’re typing. I've been using Kite for 6 months and I love it! https://www.kite.com/get-kite/?utm_me...
--------------------------------------------------------------------------

======================
✔ Other useful Playlists
======================
#RestAPI (#NodeJS and MongoDB):    • REST API using NodeJS and MongoDB  
#API Authentication using #JWT:    • NodeJS API Authentication (JWT's)  
#Firebase:    • Firebase | Build a Notes App  
Docker:    • Docker  
MongoDB:    • Learn MongoDB in 50 minutes (Crash Co...  
Html/Css/Js:    • HTML / CSS / JS  
Android:    • Android  
Challenges:    • Challenges  

#yoursTRULY #tutorial #howto #nodejs #android

show more

Share/Embed