text: import React from 'react';
  import ReactDOM from 'react-dom';
  import { BrowserRouter, Switch, Route, Link } from 'react-router-dom';
  
  import Home from './screens/home';
  import ListOfThings from './screens/list';
  import ShiftOfThings from './screens/shift';
  
  ReactDOM.render((
    <BrowserRouter>
      <div>
        <nav className="container">
          <ul className="nav mt-2 mb-2">
            <li className="nav-item">
              <Link className="nav-link" to="/">Home</Link>
            </li>
            <li className="nav-item">
              <Link className="nav-link" to="/list">List</Link>
            </li>
            <li className="nav-item">
              <Link className="nav-link" to="/shift">Shift</Link>
            </li>
          </ul>
        </nav>
      
        <Switch>
          <Route path="/list" component={ ListOfThings } />
          <Route path="/shift" component={ ShiftOfThings } />
          <Route component={ Home } />
        </Switch>
      </div>
    </BrowserRouter>
  ), document.getElementById('root'));
  