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! ♡
Смотрите видео React JS Tutorial - 03 FIREBASE AUTH - Full App with Sign-Up Form онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Carmelle Codes 04 Февраль 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 3,204 раз и оно понравилось 71 людям.