9. Introduction to React Router

Activity 9.01: Creating an E-Commerce Application

Solution:

1. Start off by creating your new project; delete logo.svg and App.css, and then clear out the contents of App.js:

   $ npx create-react-app router-store

2. Include the React Router imports at the top of App.js. You will need to include the Router, Switch, Route, and Link components. You will also need to include a couple of utility functions such as useRouteMatch:

   import { BrowserRouter as Router, Switch, Route, Link, useRouteMatch } from 'react-router-dom';

3. Build the App component to begin with. Wrap it in a Router component and write your Switch statement. You can flesh out the routes later:

   const App = () => (
     <Router>
     <div className="App">
       <h1>My Store</h1>
       <hr />
       <Switch></Switch>
     </div>
     &lt...