React Authentication Crash Course With Firebase And Routing
🚨 IMPORTANT:
Learn React Today Course: https://courses.webdevsimplified.com/learn-react-today
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/React-Firebase-Auth
useContext Tutorial: https://youtu.be/5LrDIWkK_Bc
🧠 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: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
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
Видео React Authentication Crash Course With Firebase And Routing канала Web Dev Simplified
Learn React Today Course: https://courses.webdevsimplified.com/learn-react-today
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/React-Firebase-Auth
useContext Tutorial: https://youtu.be/5LrDIWkK_Bc
🧠 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: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
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
Видео React Authentication Crash Course With Firebase And Routing канала Web Dev Simplified
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
🔴 How to Make an AMAZON Clone with REACT JS for Beginners (in 4 hours)Authentication With JWT Tutorial - React, NodeJS | How ToBuild a Photo Gallery With React & FirebaseLearn HTML5 and CSS3 For Beginners - Crash Course5 Biggest Developer Mistakes You Are Making That Waste Your TimeFirebase - Back to the BasicsWhat Is Impostor Syndrome And How To Cure ItBuild A Node.js API Authentication With JWT TutorialProtected Routes in React using React RouterLearn useRef in 11 MinutesFast React Website Deployment With FirebaseSimple React.js User Login Authentication | Auth0JSON Crash CourseHow To Build A Google Drive Clone With FirebaseReact JS Crash Course 2021Every Type Of BAD Programmer (Parody)Are You Programming Too Much?Laravel Crash Course 2020How To Create A Messaging App With Socket.io And React