React Authentication Crash Course With Firebase And Routing

🚨 IMPORTANT:

Learn React Today Course: https://courses.webdevsimplified.com/...

Authentication is crucial for nearly every application. It can also be incredibly difficult to create a good authentication solution. This is where firebase comes in. Firebase makes it incredibly easy to create a secure authentication solution, and in this video I will be showing you how to setup firebase auth with React.


📚 Materials/References:

GitHub Code: https://github.com/WebDevSimplified/R...
useContext Tutorial:    • Learn useContext In 13 Minutes  


🧠 Concepts Covered:

How to setup firebase auth
How to use firebase in React
How to setup secure Firebase in React


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon:   / webdevsimplified  
Twitter:   / devsimplified  
Discord:   / discord  
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:43 - Demo
01:38 - Firebase Setup
08:36 - Signup Component
16:03 - Auth Context Setup
20:20 - Signup Component Functionality
25:28 - Auth Loading State
27:11 - Routing Setup
30:11 - Login Component
32:32 - Marker 9
35:44 - Dashboard Component
39:15 - Logout Functionality
41:02 - Private Routes
43:38 - Password Reset
49:17 - Profile Update
55:46 - Outro


#FirebaseAuth #WDS #ReactJS