Creating our sections

Let's create some sections to test some basic routes. We need to create four stateless components (About, Contact, Home, and Error404) and name them as index.jsx in their directories.

You can add the following to the src/components/Home.jsx component:

  import React from 'react';

  const Home = () => ( 
    <div className="Home">
      <h1>Home</h1>
    </div>
  );

  export default Home;

The src/components/About.jsx component can be created with the following:

  import React from 'react';

  const About = () => ( 
    <div className="About">
      <h1>About</h1>
    </div>
  );

  export default About;

The following creates the src/components/Contact.jsx component:

  import React from 'react';

  const Contact = () => ( 
    <div className="Contact&quot...