React Router v4 : Declaring matches without polluting the actual rendering.

usage.js

const BasicExample = () => (
  <Router>
    <div>
      <Menu />
      <RoutedContent />
    </div>
  </Router>
)

const Menu = () => (
  <ul>
    <li><Link to="/">Home</Link></li>
    <li><Link to="/about">About</Link></li>
    <li><Link to="/topics">Topics</Link></li>
  </ul>
)

const RoutedContent = () => (
  <Match exactly pattern="/" component={Home} />
  <Match pattern="/about" component={About} />
)

const Home = () => (
  <div>
    <h2>Home</h2>
  </div>
)

const About = () => (
  <div>
    <h2>About</h2>
  </div>
)