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

The home page

If you were able to login successfully, you'll be taken to the home page of the app. You should see a page that looks like this:

The home page of Barely SMS shows the user's contacts who are currently online. In this case, there are clearly no other users online yet. Let's take a look at the Home component source now:

import React, { Component } from 'react'; import { withStyles } from 'material-ui/styles'; import Paper from 'material-ui/Paper'; import Avatar from 'material-ui/Avatar'; import IconButton from 'material-ui/IconButton'; import ContactMail from 'material-ui-icons/ContactMail'; import Message from 'material-ui-icons/Message'; ...

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