title: Using material-UI tabs with react
body: <p>Something I stumble upon is understanding how to use Material-UI tabs. I found many posts but each target a different version of material-UI and each give a completely different way of implementation.</p>
  
  <p>The web application I an creating is an analytical dashboard. I have 3 parts on the page. </p>
  
  <ol>
  <li>An Appbar</li>
  <li>main body </li>
  <li>footer</li>
  </ol>
  
  <p>In the main body part I want to have a tabs component and dashboard component. Selecting different tab will display different dashboard component.</p>
  
  <p>I started with the default Tabs component which didn’t display it right, and then I read that I need to do it using React Router, but then it depends on which router version I use. </p>
  
  <p>It might be that my SPA understanding is also lacking as to why I should involve router when using Tabs.</p>
  
  <p>My setup:
  Latest React 16.x
  Latest React -router 4.x
  Latest Material-UI 1.0.3
  Using Redux as well</p>