[BUGFIX] - hot reloading in development

gulpfile.babel.js/configs/webpack.config.js

@@ -23,6 +23,11 @@ module.exports = {
     filename: 'bundle.js',
     publicPath: 'http://localhost:3001/static'
   },
+  devServer: {
+    headers: {
+      'Access-Control-Allow-Origin': '*'
+    }
+  },
   plugins: [
     new webpack.DefinePlugin({
       'process.env': {

gulpfile.babel.js/tasks/gulp_webpack_dev_server.js

@@ -8,7 +8,10 @@ gulp.task('webpack-dev-server', function runWebpackDevServer(callback) {
   const webpackApp = new WebpackDevServer(webpack(config), {
     publicPath: config.output.publicPath,
     hot: true,
-    historyApiFallback: true
+    historyApiFallback: true,
+    headers: {
+      'Access-Control-Allow-Origin': '*'
+    }
   });
 
   const server = webpackApp.listen(3001, 'localhost',

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-ssr-spa",
   "private": false,
-  "version": "6.0.0",
+  "version": "7.0.0",
   "description": "Simple server rendered single page app.",
   "repository": "https://github.com/michaelBenin/react-ssr-spa",
   "license": "MIT",
@@ -78,7 +78,7 @@
     "require-dir": "0.3.1",
     "response-time": "2.3.2",
     "scriptjs": "2.5.8",
-    "source-map-support": "0.4.14",
+    "source-map-support": "0.4.15",
     "statuses": "1.3.1",
     "striptags": "3.0.1",
     "uuid": "3.0.1",

src/client/index.js

@@ -62,10 +62,13 @@ render(
 );
 
 if (module.hot) {
-  module.hot.accept(() => {
-    const HotLoadRoot = require('../views/containers/root_container'); // eslint-disable-line global-require
+  module.hot.accept([
+    '../react_router/react_router',
+    '../views/containers/root_container'
+  ], () => {
+    const HotLoadRoot = require('../views/containers/root_container').default; // eslint-disable-line global-require
     render(
-      <HotLoadRoot />,
+      <HotLoadRoot store={store} history={browserHistory} />,
       window.document
     );
   });

src/server/middleware/react_router_middleware.js

@@ -55,7 +55,8 @@ export default (req, res) => {
 
       // TODO: cache rendered dom in redis
       res.writeHead(status, {
-        'Content-Type': 'text/html'
+        'Content-Type': 'text/html',
+        'Access-Control-Allow-Origin': '*'
       });
 
       res.end(renderedDOM);

src/views/containers/layouts/layout.js

@@ -47,7 +47,11 @@ function mapStateToProps(state) {
 }
 
 Layout.propTypes = {
-  route: PropTypes.arrayOf(PropTypes.shape({})),
+  route: PropTypes.shape({
+    routes: PropTypes.arrayOf(PropTypes.shape({
+
+    }))
+  }),
   env: PropTypes.string.isRequired,
   staticUrl: PropTypes.string.isRequired
 };