R34 Sample Screen Structure

r34.js

// Main router (App.js) might look like this:
<Switch location={location} key={location.pathname}>
  <Route exact path="/">
    <Home />
  </Route>
  <Route exact path="/data-quality">
    <DataQuality />
  </Route>
  <Route exact path="/background">
    <Background />
  </Route>
  <Route exact path="/trust-and-disclosure">
    <TrustAndDisclosure />
  </Route>
  <Route exact path="/efficiency">
    <Efficiency />
  </Route>
</Switch>

// Stream component might look like this:
let { path, url } = useRouteMatch();

<Stream>
  <Switch>
    <Route exact path={path}> // Root 'page'. e.g website.com/stream/
      <DataQualityIntro>
    </Route>
    <Route path={`${path}/some-page`}>
      <SomePage>
    </Route>
  </Switch>
</Stream>