Skip to content

Instantly share code, notes, and snippets.

@gregberge
Last active June 25, 2017 15:51
Show Gist options
  • Save gregberge/782d40013bb849e6a917c10dfc253494 to your computer and use it in GitHub Desktop.
Save gregberge/782d40013bb849e6a917c10dfc253494 to your computer and use it in GitHub Desktop.
import React from 'react'
import ReactDOM from 'react-dom'
import { BrowserRouter, Route } from 'react-router-dom'
import loadable from 'loadable-components'
const Home = loadable(() => import('./Home'))
const About = loadable(() => import('./About'))
const Topics = loadable(() => import('./Topics'))
const App = () =>
<BrowserRouter>
<div>
<ul>
<li><Link to="/">Home</Link></li>
<li><Link to="/about">About</Link></li>
<li><Link to="/topics">Topics</Link></li>
</ul>
<hr />
<Route exact path="/" component={Home} />
<Route path="/about" component={About} />
<Route path="/topics" component={Topics} />
</div>
</BrowserRouter>
ReactDOM.render(<App />, document.getElementById('main'))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment