title: React Sub views in View
body: <p>Im using ReactJS with React-Router for a dashboard style application.</p>
  
  <p><strong>App.js</strong></p>
  
  <pre><code>  &lt;div&gt;
      &lt;Toolbar/&gt;
      &lt;RouteHandler lang={this.state.lang} account={this.state.account} logout={this.handleLogout} validate={this.handleValidate} /&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>This is what the main file looks like, first the user has to login, so I don't want to display stuff like the sidebar. But if I login I want to go to the home view that's styled entirely differently. Inside this view I now want a sub-view because I don't want to add these divs &amp; components to each new route I make.</p>
  
  <p><strong>Home.js</strong></p>
  
  <pre><code>&lt;div id="main"&gt;   
      &lt;div id="left"&gt;
          &lt;Logo /&gt;
          &lt;Sidemenu /&gt;
      &lt;/div&gt;
  
      &lt;div id="right"&gt;
          &lt;Smallmenu /&gt;
          &lt;Bigmenu /&gt;
          &lt;!-- View needs to be here now --&gt;
      &lt;/div&gt;
  
      &lt;Footer /&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>I've looked for sub-routes and nested views but I couldn't find anything I'm looking for.</p>
  
  <p>Whats the best way to accomplish this double view thingy?</p>
  
  <p>Edit:
  React &amp; react-router version 0.13.3</p>