feat: add router and HomeContainer

src/containers/home_container.js

@@ -0,0 +1,24 @@
+// @flow
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+function mapStateToProps(state: Object): Object {
+    return {};
+}
+
+function mapDispatchToProps(dispatch: Function): Object {
+    return {};
+}
+
+class HomeContainer extends Component {
+    props: {};
+    render() {
+        return (
+            <div>
+                <h1>HomeContainer</h1>
+            </div>
+        );
+    }
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(HomeContainer);

src/containers/main_container.js

@@ -12,14 +12,14 @@ function mapDispatchToProps(dispatch: Function): Object {
 }
 
 class MainContainer extends Component {
-
-    props: {};
-
+    props: {
+        children: any;
+    };
     render() {
         return (
             <div>
-                <AppBar title={'Template App'} />
-                <h1>HELLO WORLD</h1>
+                <AppBar title={'MainContainer'} />
+                {this.props.children}
             </div>
         );
     }

src/index.js

@@ -4,18 +4,26 @@ import { Provider } from 'react-redux';
 import getMuiTheme from 'material-ui/styles/getMuiTheme';
 import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
 import injectTapEventPlugin from 'react-tap-event-plugin';
+import { Router, Route, hashHistory, IndexRoute } from 'react-router';
+import { syncHistoryWithStore } from 'react-router-redux';
 import configureStore from './store/configure_store';
 import MainContainer from './containers/main_container';
+import HomeContainer from './containers/home_container';
 
 export const store = configureStore();
+const history = syncHistoryWithStore(hashHistory, store);
 
 // https://github.com/callemall/material-ui/issues/4670
 injectTapEventPlugin();
 
 ReactDOM.render(
     <Provider store={store}>
         <MuiThemeProvider muiTheme={getMuiTheme()}>
-            <MainContainer />
+            <Router history={history}>
+                <Route path="/" component={MainContainer} >
+                    <IndexRoute component={HomeContainer} />
+                </Route>
+            </Router>
         </MuiThemeProvider>
     </Provider>,
     document.getElementById('root'),