Asterisk Medium Article: App.tsx

App.tsx

// App component
// this component renders the entire app inside the Provider and Router
const App = (): JSX.Element => {
  const classes = useStyles()
  return (
    <Provider store={store}>
      <Router>
        <div className={classes.app}>
          {/* nav bar */}
          <Navbar />
          {/* switch -- this finds the first route that matches the current url and renders its component (see routes.ts) */}
          <Switch>
            {routes.map((props, i) => <Route key={`route_${i}`} {...props} />)}
          </Switch>
        </div>
      </Router>
    </Provider>
  )
}
export default App