Upgrade dependencies and add hydrate (#32)

Author: codeBelt

.nvmrc

@@ -0,0 +1 @@
+8.9.1

package.json

@@ -2,6 +2,9 @@
   "name": "hapi-react-hot-loader-example",
   "version": "1.0.0",
   "description": "Simple React Hot Loading example with Hapi Server-side rendering",
+  "engines": {
+    "node": ">=8.9.1"
+  },
   "scripts": {
     "---------- HELPERS -----------------------------------------------------------------------------": "",
     "remove": "rimraf dist",
@@ -49,45 +52,45 @@
   "devDependencies": {
     "babel-cli": "6.26.0",
     "babel-core": "6.26.0",
-    "babel-eslint": "8.0.1",
+    "babel-eslint": "8.0.2",
     "babel-loader": "7.1.2",
     "babel-plugin-system-import-transformer": "3.1.0",
     "babel-plugin-transform-class-properties": "6.24.1",
     "babel-plugin-transform-object-rest-spread": "6.26.0",
-    "babel-preset-env": "1.6.0",
+    "babel-preset-env": "1.6.1",
     "babel-preset-es2015": "6.24.1",
     "babel-preset-react": "6.24.1",
     "babel-preset-stage-2": "6.24.1",
     "babel-watch": "2.0.7",
-    "concurrently": "3.5.0",
-    "copy-webpack-plugin": "4.1.1",
-    "cross-env": "5.0.5",
-    "css-hot-loader": "1.3.2",
+    "concurrently": "3.5.1",
+    "copy-webpack-plugin": "4.2.3",
+    "cross-env": "5.1.1",
+    "css-hot-loader": "1.3.4",
     "css-loader": "0.28.7",
-    "eslint": "4.8.0",
-    "eslint-config-airbnb": "16.0.0",
-    "eslint-config-airbnb-base": "12.0.2",
+    "eslint": "4.12.0",
+    "eslint-config-airbnb": "16.1.0",
+    "eslint-config-airbnb-base": "12.1.0",
     "eslint-plugin-filenames": "1.2.0",
-    "eslint-plugin-import": "2.7.0",
+    "eslint-plugin-import": "2.8.0",
     "eslint-plugin-jsx-a11y": "6.0.2",
-    "eslint-plugin-react": "7.4.0",
-    "extract-text-webpack-plugin": "3.0.1",
+    "eslint-plugin-react": "7.5.1",
+    "extract-text-webpack-plugin": "3.0.2",
     "html-webpack-harddisk-plugin": "0.1.0",
     "html-webpack-plugin": "2.30.1",
     "nodemon": "1.12.1",
     "postcss-apply": "0.8.0",
     "postcss-cssnext": "3.0.2",
     "postcss-import": "11.0.0",
-    "postcss-loader": "2.0.6",
+    "postcss-loader": "2.0.9",
     "rimraf": "2.6.2",
-    "robotstxt-webpack-plugin": "2.0.0",
+    "robotstxt-webpack-plugin": "4.0.0",
     "style-loader": "0.19.0",
-    "stylelint": "8.2.0",
-    "stylelint-config-standard": "17.0.0",
+    "stylelint": "8.3.0",
+    "stylelint-config-standard": "18.0.0",
     "stylelint-order": "0.7.0",
-    "webpack-dev-middleware": "1.12.0",
-    "webpack-hot-middleware": "2.19.1",
-    "webpack-simple-progress-plugin": "0.0.2",
+    "webpack-dev-middleware": "1.12.1",
+    "webpack-hot-middleware": "2.20.0",
+    "webpack-simple-progress-plugin": "0.0.3",
     "write-file-webpack-plugin": "4.2.0"
   },
   "dependencies": {
@@ -102,20 +105,20 @@
     "history": "4.7.2",
     "inert": "4.2.1",
     "node-notifier": "5.1.2",
-    "react": "16.0.0",
-    "react-async-bootstrapper": "1.1.1",
-    "react-async-component": "1.0.1",
-    "react-dom": "16.0.0",
-    "react-hot-loader": "next",
+    "react": "16.1.1",
+    "react-async-bootstrapper": "1.1.2",
+    "react-async-component": "1.0.2",
+    "react-dom": "16.1.1",
+    "react-hot-loader": "3.1.3",
     "react-redux": "5.0.6",
     "react-router": "4.2.0",
     "react-router-dom": "4.2.2",
-    "react-router-redux": "next",
+    "react-router-redux": "5.0.0-alpha.8",
     "redux": "3.7.2",
     "redux-devtools-extension": "2.13.2",
-    "redux-form": "7.1.0",
-    "redux-saga": "0.15.6",
+    "redux-form": "7.1.2",
+    "redux-saga": "0.16.0",
     "serialize-javascript": "1.4.0",
-    "webpack": "3.6.0"
+    "webpack": "3.8.1"
   }
 }

src/client.jsx

@@ -38,7 +38,7 @@ const composeApp = (Component) => (
 const renderApp = () => {
     const routerWrapper = require('./RouterWrapper').default; // eslint-disable-line global-require
 
-    ReactDOM.render(
+    ReactDOM.hydrate(
         composeApp(routerWrapper),
         rootEl,
     );