Add react-router with small example

1 files changed, 12 insertions, 2 deletions

diff --git a/src/main/js/src/index.js b/src/main/js/src/index.js
index 93feb5d3..31ddded9 100644
--- a/src/main/js/src/index.js
+++ b/src/main/js/src/index.js
@@ -1,8 +1,8 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
+import { BrowserRouter, Match, Miss } from 'react-router'
 import { Provider } from 'react-redux'
 import configureStore from './store'
-import './index.css'
 
 const initialState = {}
 const store = configureStore(initialState)
@@ -11,11 +11,21 @@ if (window.devToolsExtension) {
     window.devToolsExtension.updateStore(store)
 }
 
+import './index.css'
 import App from './containers/App'
 
+const NoMatch  = () => {
+    return <h1>No Match</h1>
+}
+
 ReactDOM.render(
   <Provider store={store}>
-    <App />
+      <BrowserRouter>
+          <div className="app">
+              <Match exactly pattern="/" component={App} />
+              <Miss component={NoMatch} />
+          </div>
+      </BrowserRouter>
   </Provider>,
   document.getElementById('root')
 );