Get react hot module loading working

It's never gunna be amazing because we lazy render all the endpoints...

example/index.jsx

@@ -3,7 +3,15 @@ require('babel-polyfill');
 
 const React = require('react');
 const ReactDOM = require('react-dom');
+const { AppContainer } = require('react-hot-loader');
 
-const Demo = require('./src/Demo');
+function render(Component) {
+  ReactDOM.render(<AppContainer><Component /></AppContainer>, document.getElementById('hub-content'));
+}
 
-ReactDOM.render(<Demo />, document.getElementById('hub-content'));
+render(require('./src/Demo'));
+
+// Webpack Hot Module Replacement API
+if (module.hot) {
+  module.hot.accept('./src/Demo', () => render(require('./src/Demo')));
+}

package.json

@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "scripts": {
     "test": "eslint -f unix example && lerna run test --parallel",
-    "start": "node scripts/update-example-swagger-files && webpack && webpack-dev-server",
+    "start": "node scripts/update-example-swagger-files && webpack-dev-server",
     "build": "./build.sh & lerna run build",
     "watch": "lerna run watch --stream",
     "deploy": "gh-pages --dotfiles -d example/dist",
@@ -45,6 +45,7 @@
     "prop-types": "^15.6.0",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
+    "react-hot-loader": "^3.1.3",
     "swagger2openapi": "^2.9.2"
   }
 }

webpack.common.js

@@ -1,5 +1,5 @@
 module.exports = {
-  entry: './example/index.jsx',
+  entry: ['react-hot-loader/patch', './example/index.jsx'],
   module: {
     rules: [
       {

webpack.config.js

@@ -1,3 +1,4 @@
+const webpack = require('webpack');
 const merge = require('webpack-merge');
 const common = require('./webpack.common');
 
@@ -9,5 +10,10 @@ module.exports = merge(common, {
     contentBase: './example',
     compress: true,
     port: 9966,
+    hot: true,
   },
+  plugins: [
+    new webpack.NamedModulesPlugin(),
+    new webpack.HotModuleReplacementPlugin(),
+  ],
 });