React Router In Under 60 Seconds

404.js

import React from 'react';

const Page404 = () => {
  return (
    <>
      <p>
        This is not the page that you are looking for!
      </p>
    </>
  );
};

export default Page404;

App.js

import React from 'react';
import { BrowserRouter as Router }
    from 'react-router-dom';

import Routes from './Routes';

const App = () => {
  return (
    <div>
        <header>
        <h1>
            I am everywhere.
            Router doesn't touch me.
        </h1>
        </header>
        <article>
        <Router>
            <Routes />
        </Router>
        </article>
    </div>
  );
};

export default App;

HomePage.js

import React from 'react';

const HomePage = () => {
  return (
    <>
      <h1>Hello world!</h1>
      <p>I am a HomePage!</p>
    </>
  );
};

export default HomePage;

Routes.js

// React Router in under 60 seconds

import React from 'react';
import { Route, Switch }
    from 'react-router-dom';

import Page404 from './pages/404Page';
import HomePage from './pages/HomePage';

const Routes = () => (
    <Switch>
        <Route
            exact path='/'
            component={HomePage}
        />

        <Route component={Page404} />
    </Switch>
);

export default Routes;