March 2019
Intermediate to advanced
350 pages
7h 28m
English
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"> <h1>Contact</h1> ...