Learn React Hooks

The Register component

The static Register component will be very similar to the Login component, with an additional field to repeat the password. You might get the idea to merge them into one component if they are so similar, and add a prop to toggle the Repeat password field. However, it is best to stick to the single responsibility principle, and to have each component deal with only one functionality. Later on, we are going to extend the static components with dynamic code, and then Register and Login will have vastly different code. As a result, we would need to split them up again later.

Nevertheless, let's start working on the code for the Register component:

1. We start by creating a new src/user/Register.js file, and copying the code ...