reenable hot reloading

config/webpack.config.dev.js

@@ -144,11 +144,11 @@ module.exports = {
             include: paths.appSrc,
             loader: require.resolve('babel-loader'),
             options: {
-
               // This is a feature of `babel-loader` for webpack (not Babel itself).
               // It enables caching results in ./node_modules/.cache/babel-loader/
               // directory for faster rebuilds.
               cacheDirectory: true,
+              plugins: ['react-hot-loader/babel'],
             },
           },
           // "postcss" loader applies autoprefixer to our CSS.

package.json

@@ -67,6 +67,7 @@
     "promise": "8.0.1",
     "raf": "3.4.0",
     "react-dev-utils": "^5.0.2",
+    "react-hot-loader": "^4.3.11",
     "resolve": "1.6.0",
     "sass-loader": "^7.1.0",
     "style-loader": "0.19.0",

src/components/App.js

@@ -19,6 +19,7 @@
 //
 import React, { Component } from 'react';
 import { Provider } from 'react-redux';
+import { hot } from 'react-hot-loader';
 import configureStore from '../configureStore';
 import Router from './router';
 
@@ -35,4 +36,4 @@ class App extends Component {
   }
 }
 
-export default App;
+export default hot(module)(App);