O'Reilly logo

React 16 Tooling by Adam Boduch

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Logging in

When you first load the UI, you should see the login screen that looks like this:

The following mock users exist as part of the API:

  • user1
  • user2
  • user3
  • user4
  • user5

The password isn't actually validated against anything, so leaving it blank or entering gibberish should authenticate any of the preceding users. Let's take a look at the Login component that renders this page:

import React, { Component } from 'react'; import { withStyles } from 'material-ui/styles'; import TextField from 'material-ui/TextField'; import Button from 'material-ui/Button'; import { login } from './api'; const styles = theme => ({ container: { display: 'flex', ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required