Register page

We're going to apply the same logic we used to create the login form and create a register page. The register page should look like the screenshot given as follows:

Figure 5.3: Register Page

1. Create a container:

Let's first create the container inside app/containers/Register/index.js. We already have this file created from Chapter 4, Concept of Immutability. This index.js page is being called by the main container file app/containers/App/index.js. The container component will load the registration form, as follows:

import React, { Component } from 'react';
import Form from './Form';

/* eslint-disable react/prefer-stateless-function */
class RegisterPage extends Component {
  render() {
    return (
      <div className="register-containers">
        <Form onSubmit={() => {}} />
      </div>
    );
  }
}

export default RegisterPage;

2. Create the register form:

Note that the registration form uses a Redux form to create the form. It also loads CSS files from style...