create-personal-react-app/templates/src/app/index.js

A thin wrapper around Facebook's create-react-app

import React, { lazy, Suspense } from 'react';
import PropTypes from 'prop-types';
import { Route, Switch } from 'react-router-dom';
import { ConnectedRouter } from 'connected-react-router';
import Loading from './ui/components/modules/Loading';

const Home = lazy(() => import('./core/components/pages/Home'));
const NotFound = lazy(() => import('./core/components/pages/NotFound'));
const UserList = lazy(() => import('./user/components/pages/UserList'));

const App = ({ history }) => (
  <>
    <Loading />
    <Suspense fallback={null}>
      <ConnectedRouter history={history}>
        <Switch>
          <Route path="/" exact component={props => <Home {...props} />} />
          <Route path="/users" exact component={props => <UserList {...props} />} />
          <Route component={props => <NotFound {...props} />} />
        </Switch>
      </ConnectedRouter>
    </Suspense>
  </>
);

App.propTypes = {
  history: PropTypes.object.isRequired,
};

export default App;