Add Root comp

scripts/build.js

@@ -20,7 +20,7 @@ if (__PROD__) {
     publicPath: config.output.publicPath,
     historyApiFallback: true,
     hot: true,
-    quiet: true,
+    noInfo: true,
   })
 
   server.listen(__SERVER_PORT__, __SERVER_HOST__, (err) => {

src/index.js

@@ -1,15 +1,15 @@
 import React from "react"
 import { render } from "react-dom"
-import { Provider } from "react-redux"
 import { Router, browserHistory } from "react-router"
+import Root from "Root"
 import store from "./store"
 import routes from "./routes"
 
 render(
-  <Provider store={ store() }>
+  <Root store={ store() }>
     <Router
       history={ browserHistory }
       routes={ routes } />
-  </Provider>,
+  </Root>,
   document.querySelector("#root")
 )

web_modules/Root/Root.dev.js

@@ -0,0 +1,23 @@
+import React, { Component, PropTypes } from "react"
+import { Provider } from "react-redux"
+import DevTools from "DevTools"
+
+class Root extends Component {
+  render() {
+    return (
+      <Provider store={ this.props.store }>
+        <div>
+          { this.props.children }
+          <DevTools />
+        </div>
+      </Provider>
+    )
+  }
+}
+
+Root.propTypes = {
+  store: PropTypes.any,
+  children: PropTypes.any,
+}
+
+export default Root

web_modules/Root/Root.prod.js

@@ -0,0 +1,19 @@
+import React, { Component, PropTypes } from "react"
+import { Provider } from "react-redux"
+
+class Root extends Component {
+  render() {
+    return (
+      <Provider store={ this.props.store }>
+        { this.props.children }
+      </Provider>
+    )
+  }
+}
+
+Root.propTypes = {
+  store: PropTypes.any,
+  children: PropTypes.any,
+}
+
+export default Root

web_modules/Root/index.js

@@ -0,0 +1,5 @@
+if (__PROD__) {
+  module.exports = require("./Root.prod")
+} else {
+  module.exports = require("./Root.dev")
+}