React - React Authentication Crash Course With Firebase And Routing

Discover React Mastery: From Essential Concepts to Advanced Hooks, Master React Development with Real-World Projects and Boost Your Skills in Record Time!

4.0 (0)

12 learners

What you'll learn

Understand the fundamental concepts of React, including components and hooks.
Differentiate between React state and props and their respective uses.
Build and enhance web applications using React, including implementing features like infinite scrolling and currency conversion.
Apply React best practices to optimize application performance and debugging processes.

This course includes

43.3 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

webdevsimplified firebase react firebase firebase authentication firebase auth firebase react auth firebase react authentication react auth react authentication react authentication and authorization react firebase tutorial react js auth

Full Transcript

🚨 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

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Welcome