React Authentication Crash Course With Firebase And Routing
Web Dev Simplified
@webdevsimplifiedAbout
Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. If you are just getting started in web development Web Dev Simplified has all the tools you need to learn the newest and most popular technologies to convert you from a no stack to full stack developer. Web Dev Simplified also deep dives into advanced topics using the latest best practices for you seasoned web developers. I started Web Dev Simplified in order to share my passion for web development, and do what I truly love. Teach and inspire new web developers. I have been in love with full stack web development since 2015 when I did my first internship as a web developer. Ever since then I have pursued my passion, learning everything there is to know about web development. Over the years I have taught many colleagues and friends the joys of web development, and cannot wait to teach you. Thank you for watching!
Latest Posts
Video Description
🚨 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
You May Also Like
Upgrade Your Gear Essentials
AI-recommended products based on this video
COTUBLR 31 Inch Computer Desk, Home Office Desk, Simple Modern Small Desk for Bedroom, Writing Desk with Storage Bag, Study Table for Students, Grey Oak
SanDisk 64GB Extreme PRO SDXC UHS-I Memory Card - C10, U3, V30, 4K UHD, SD Card - SDSDXXU-064G-GN4IN
SanDisk 128GB Extreme PRO SDXC UHS-I Memory Card - C10, U3, V30, 4K UHD, SD Card - SDSDXXD-128G-GN4IN
SmallRig ZV-E1 Camera Baseplate for Sony ZV-E1, Built-in Cold Shoe Mount and QR Plate (for Arca) Quick Switch Between Tripod and Stabilizer for DJI RS 2 / RSC 2 / RS 3 / RS 3 Pro - 4314
SmallRig Baseplate for Sony Alpha 6700, Bottom Mount Plate Built-in Quick Release Plate for Arca, Supporting Quick Switch Between Tripod and Stabilizer (for DJI RS 2 / RSC 2 / RS 3 / RS 3 Pro) - 4338
