title: React-Router: Adding in a landing page
body: <p>With React-Router there is a nesting concept that makes it hard for me to imagine where I should inject my landing page.</p>
  
  <p>For example:</p>
  
  <pre><code>&lt;Route path="/" component={App}&gt;
        &lt;Route path="login" component={Login} /&gt;
        &lt;Route path="logout" component={Logout} /&gt;
        &lt;Route path="about" component={About} /&gt;
        &lt;Route path="dashboard" component={Dashboard} onEnter={requireAuth} /&gt;
  &lt;/Route&gt;
  </code></pre>
  
  <p>In that example part of the top-level component is shared with the rest of the components.</p>
  
  <p>But with a landing page, there might not be the parent-child relationship for you to fit it into the routing.</p>
  
  <p>Ergo, how do you manage putting in a landing page when using react-router?</p>