React JS Tutorial - 03 FIREBASE AUTH - Full App with Sign-Up Form

Create a sign up form from scratch and use Firebase Auth to store logins into a cloud database. This tutorial will show you how to connect useState to form inputs like email and password, then call on Firebase when the user submits the form. We will also go through the complete Firebase set-up so your web config can translate to modern React syntax. For example, instead of calling the instantiated Firebase throughout our app, we'll call the useContext hook to get our Firebase instance. If you already have a form, feel free to skip to 13:13 which is where we start the Firebase set-up. Level: Intermediate Part 02: https://youtu.be/qz6j-35yQog Timestamps: 0:00 Demo 0:50 Creating a Sign Up Form React component 2:45 Refactor App.js to be cleaner (Route component prop) 4:18 Pull route strings into routes.js consts file 6:34 Style Sign Up Form to look more presentable 10:13 useState hook to record form state input 12:09 onSubmit form handler, prevent default (refresh) 13:13 Firebase set-up 15:15 Connecting our Firebase config to our app 16:19 npm i firebase 16:48 Finishing up Firebase config file 17:20 Firebase with React Context 19:00 Passing firebase config value to FirebaseContext 20:00 How sign up form will call on firebase auth 20:42 Calling firebase.auth for sign up! 21:43 Clearing the sign up form GitHub Repo Link: https://github.com/carmellemillar/carmelle-codes-react-app ♡ Thank you for watching! ♡