From the course: React: Authentication (2021)
Unlock the full course today
Join today to access over 24,500 courses taught by industry experts.
Building a sign-up page - React.js Tutorial
From the course: React: Authentication (2021)
Building a sign-up page
- [Instructor] Okay, the next page we're going to add is the signup page, which users who don't have an account will be able to use to create an account on our site. Now this one's going to be pretty similar to the login page, and in fact it's going to be so similar that we'll actually be able to use the login page as a starting point. So let's create a new file in our pages directory and we'll call it, SignUpPage.js. And then what we're going to do is pretty much just copy all of the code from our login page and use that as a starting point for our signup page. So, let's start off by changing the name of the component, of course. So we'll say export const SignUpPage. And then if we go down to the JSX of our signup page now, really all we have to do is just change a few of the buttons down at the bottom, and add one more password input where the user will enter their confirm password, right? Basically we have them enter…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
What is user authentication?6m 27s
-
(Locked)
Basic project setup6m 28s
-
(Locked)
Building a login page8m 54s
-
(Locked)
Building a sign-up page4m 36s
-
(Locked)
Creating private React routes4m 11s
-
JSON Web Token basics9m 22s
-
(Locked)
Adding a sign-up route to the server8m 10s
-
(Locked)
Generating JSON Web Tokens6m 10s
-
(Locked)
Adding a login route to the server6m 59s
-
(Locked)
Implementing JWTs on the front end7m 36s
-
(Locked)
Adding JWTs to sign-up page4m 29s
-
(Locked)
Adding JWTs to login page2m 11s
-
(Locked)
Adding an update user route6m 22s
-
(Locked)
Verifying JSON Web Tokens5m 17s
-
(Locked)
Adding JWTs to the user info page7m 29s
-
(Locked)
Adding logout functionality1m 33s
-
-
-
-
-
-
-