Upgrade dependencies and add hydrate (#14)

* update react and packages

* update types

Author: codeBelt

.nvmrc

@@ -1 +1 @@
-8.4.0
+8.9.1

package.json

@@ -2,6 +2,9 @@
   "name": "typescript-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",
@@ -48,61 +51,61 @@
   "license": "MIT",
   "devDependencies": {
     "@types/classnames": "2.2.3",
-    "@types/fs-extra": "4.0.2",
-    "@types/hapi": "16.1.10",
-    "@types/history": "4.6.0",
-    "@types/inert": "4.2.3",
-    "@types/node": "8.0.33",
+    "@types/fs-extra": "4.0.5",
+    "@types/hapi": "16.1.11",
+    "@types/history": "4.6.2",
+    "@types/inert": "4.2.4",
+    "@types/node": "8.0.53",
     "@types/node-notifier": "0.0.28",
-    "@types/react": "16.0.10",
-    "@types/react-dom": "15.5.5",
-    "@types/react-hot-loader": "3.0.4",
-    "@types/react-redux": "5.0.10",
-    "@types/react-router": "4.0.15",
-    "@types/react-router-dom": "4.0.8",
-    "@types/react-router-redux": "5.0.8",
-    "@types/redux-form": "7.0.6",
-    "@types/serialize-javascript": "1.3.1",
-    "@types/webpack": "3.0.13",
-    "@types/webpack-env": "1.13.1",
-    "awesome-typescript-loader": "3.2.3",
+    "@types/react": "16.0.25",
+    "@types/react-dom": "16.0.3",
+    "@types/react-hot-loader": "3.0.5",
+    "@types/react-redux": "5.0.13",
+    "@types/react-router": "4.0.18",
+    "@types/react-router-dom": "4.2.2",
+    "@types/react-router-redux": "5.0.10",
+    "@types/redux-form": "7.0.9",
+    "@types/serialize-javascript": "1.3.2",
+    "@types/webpack": "3.8.1",
+    "@types/webpack-env": "1.13.2",
+    "awesome-typescript-loader": "3.4.0",
     "babel-cli": "6.26.0",
     "babel-core": "6.26.0",
     "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",
-    "extract-text-webpack-plugin": "3.0.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",
-    "tslib": "1.7.1",
-    "tslint": "5.7.0",
+    "tslib": "1.8.0",
+    "tslint": "5.8.0",
     "tslint-react": "3.2.0",
-    "typescript": "2.5.3",
-    "webpack-dev-middleware": "1.12.0",
-    "webpack-hot-middleware": "2.19.1",
-    "webpack-simple-progress-plugin": "0.0.2",
+    "typescript": "2.6.1",
+    "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": {
@@ -117,20 +120,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",
     "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.tsx

@@ -41,7 +41,7 @@ const composeApp = (Component: any) => (
 const renderApp = () => {
     const routerWrapper = require('./RouterWrapper').default; // tslint:disable-line:no-require-imports
 
-    ReactDOM.render(
+    ReactDOM.hydrate(
         composeApp(routerWrapper),
         rootEl,
     );