The Sign in page

Let's start with the Sign in page. As a reminder, here's how it looks:

This is basically a form with two text input fields, a button, a link, and some labels. The first step is to create a React component to host the Sign in form. In the modalwindows.js file, let's create a new component called SignInForm

class SignInForm extends React.Component{    constructor(){       super(props);    }}

Next, we need to create a state object in our component:

class SignInForm extends React.Component{    constructor(){       super(props);       this.state = {            errormessage = ''        };    }}

Our state object currently hosts a single field called errormessage. Whenever the ...

Get Hands-On Full Stack Development with Go now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.