Creating your own register form

Register forms are used almost in every app you can think of. You might need one, so let's see what's going on when creating a register form. This is pretty cool because, on top of creating a nice little register card, we're also going to learn something new about inputs.

Let's start how we always start—comment out the previous components from App.js and create a new file in our components folder called RegisterForm.js.

We've already created two components, so let's see whether you can start creating this on your own. The form in the following screenshot will be the final rendered version of our register form. I've chosen to let you look at it before you actually start creating it because I think you should be able to achieve a similar result on your own without my help. Of course, I'll still help you, but this is a good chance to take your time, close the book, and start creating this on your own...