React Firebase Authentication Crash Course With Context API and Protected Routes For Beginners

In this video we will explore the React + Firebase Authentication combo. We build an Authentication App to create new users, login and logout functionality. We will see how to use Context Api to management Auth state in the application.

We will also build Google Sign using Firebase Google Authentication Provider and make the protected routes accessible only to Authenticated Users. So we have a lot to learn in this 50 minutes tutorial.

Please use the timestamps mentioned below to jump to any topic and also checkout the reference videos and links.

Node.js: The Complete Guide to Build Backend Projects [2023]🔥
Link - https://www.dipeshmalvia.com/courses/...

⭐️GitHub link for Reference⭐️
https://github.com/dmalvia/React_Fire...

⭐️Reference Videos and Links⭐️
https://firebase.google.com/
https://react-bootstrap.github.io/
https://reactrouter.com/docs/en/v6/ge...
Protected Routes -    • Protected Routes in React | Router Re...  
Context API -    • React Context API Tutorial For Beginn...  

⭐️ Support my channel⭐️
https://www.buymeacoffee.com/dipeshma...

🔥 Video contents... ENJOY 👇
0:00:00 - Intro
0:00:20 - Application Demo
0:02:32 - Code Walkthrough
0:05:15 - Firebase Project Setup
0:06:53 - Install Firebase and Config Setup
0:07:45 - Enable Firebase Authentication
0:10:13 - Adding Routes (React Router version6)
0:14:34 - Context API for Authentication
0:22:50 - Signup Component Firebase Integration
0:31:00 - Login Component Firebase Integration
0:35:08 - Firebase Protected Route Setup
0:42:58 - Adding Firebase Logout Functionality
0:44:20 - Sign In With Google
0:48:52 - Forgot Password Assignment
0:49:51 - App Testing
0:50:13 - Outro

**React Roadmap for Developers in 2021**
How to Learn React JS ? -    • React JS Roadmap for Developers | Rea...  
React in One Project -    • Learn React JS with Project in 2 Hour...  
React Redux Toolkit Tutorial -    • React Redux Toolkit with Project | Re...  
Learn React Redux with Project -    • Learn React Redux with Project | Redu...  
What is Redux ? -    • Understanding Redux Concept in 5 Minu...  
Learn React Redux Thunk with Project -    • Learn React Redux Thunk with Project ...  
Learn React Hooks -    • Learn React JS Hooks | React Hooks Tu...  

🔗 Social Medias 🔗
Twitter:   / imdmalvia  
Facebook:   / programmingwithdipesh  
Instagram:   / dipeshmalvia  
LinkedIn:   / dmalvia  

⭐️ Tags ⭐️
- React Firebase Authentication Tutorial
- React Firebase Login Authentication
- Firebase Google Authentication
- Context API And Protected Routes
- Firebase v9 Crash Course

⭐️ Hashtags ⭐️
#react #firebase #authentication #tutorial

Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.