import createRouter from 'router5'
import browserPlugin from 'router5-plugin-browser'
​
const routes = [
    { name: 'home', path: '/' },
    { name: 'profile', path: '/profile' }
]
​
const router = createRouter(routes)
​
router.usePlugin(browserPlugin())
​
router.start()

import React from 'react'
import ReactDOM from 'react-dom'
import { RouteProvider, Route } from 'react-router5'
​
function App({ route }) {
    if (!route) {
        return null
    }
​
    if (route.name === 'home') {
        return <h1>Home</h1>
    }
​
    if (route.name === 'profile') {
        return <h1>Profile</h1>
    }
}
​
ReactDOM.render(
    <RouteProvider router={router}>
        <Route>{({ route }) => <App route={route} />}</Route>
    </RouteProvider>,
    document.getElementById('root')
)

import { from } from 'rxjs/observable/from'
​
from(router).map(({ route }) => {
    /* happy routing */
})