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: • React JS Tutorial - 02 NAVIGATION - r...
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/car...
♡ Thank you for watching! ♡
Watch video React JS Tutorial - 03 FIREBASE AUTH - Full App with Sign-Up Form online without registration, duration hours minute second in high quality. This video was added by user Carmelle Codes 04 February 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 3,20 once and liked it 7 people.