aerrity

import React from 'react'
import ReactDOM from 'react-dom';
import {BrowserRouter, Route, Link} from 'react-router-dom';

const Home = () => (
  <div>
    <h2>Home</h2>
  </div>
);

aerrity

import React from 'react';
import ReactDOM from 'react-dom';

class SignUp extends React.Component {
  constructor() {
    super();
    this.state = {
      insurance: true,
      name: '',
      email: '',

aerrity

import React from 'react';
import ReactDOM from 'react-dom';

class SignUp extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      newsLetter: true,
      email: ''
    };

aerrity

import React from 'react';
import ReactDOM from 'react-dom';

class LoginForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {username: ''};

    // This binding is necessary to make `this` work in the callback
    this.handleChange = this.handleChange.bind(this);

aerrity

import React from 'react';
import ReactDOM from 'react-dom';

class LogInOut extends React.Component {
  constructor(props) {
    super(props);
    this.state = {isLoggedIn: true};

    // This binding is necessary to make `this` work in the callback
    this.handleClick = this.handleClick.bind(this);

aerrity

import React from 'react';
import ReactDOM from 'react-dom';

class Clicky extends React.Component {
  constructor() {
    super();
    this.state = {
      clicked: 0
    };
    // This binding is necessary to make `this` work in the onclick callback

aerrity

import React from 'react';
import ReactDOM from 'react-dom';

class CountDown extends React.Component {
  constructor(props) {
    super(props);
    this.state = {count: this.props.startValue};
  }
  
  componentDidMount() {

aerrity

import React from 'react';
import ReactDOM from 'react-dom';

function NameLength(props) {
  return <h1>The name {props.name} contains {props.name.length} characters!</h1>;
}

function App() {
  return (
    <div>

aerrity

import React from 'react';
import ReactDOM from 'react-dom';

function ModuleTitle(props) {
  return <h1>Welcome to the {props.name} module.</h1>;
}

// class ModuleTitle extends React.Component {
//   render() {
//     return <h1>Welcome to the {this.props.name} module.</h1>;

aerrity

import React from 'react';
import ReactDOM from 'react-dom';

function tick() {
  const element = (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  );