react-router

review: as front-end developers, what does react do for us?

Single Page Application (SPA) 

react-router-dom

App.js

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


const App = () => {
  return (
    <BrowserRouter>
      <header>
        <h1>Welcome to my SPA</h1>
      </header>
      <Switch>
        <Route exact path="/" component={HomePage}></Route>
        <Route exact path="/about" component={AboutPage}></Route>
        <Route exact path="/contact" component={ContactPage}></Route>
        <Route path="*" component={NotFound}></Route>
      </Switch>
    </BrowserRouter>
  )
}

let's build a bakery website!

react-router

By Mark Dewey

react-router

  • 269