upgrade package & fix readme

Author: Sven

README.md

@@ -4,42 +4,39 @@
 [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 [![license](https://img.shields.io/github/license/mashape/apistatus.svg?maxAge=2592000)](https://github.com/YutHelloWorld/vortex-react/blob/master/LICENSE)
 
-Get start with [React](https://facebook.github.io/react/)/[Redux](http://redux.js.org/)/[React-Router v4](https://github.com/ReactTraining/react-router/tree/master/packages/react-router-dom)/[Webpack v3](https://webpack.js.org/)/[Reactstrap](https://reactstrap.github.io/)
+Get start with [React](https://facebook.github.io/react/), [Redux](http://redux.js.org/), [RR4](https://github.com/ReactTraining/react-router/tree/master/packages/react-router-dom), [Webpack3](https://webpack.js.org/) 🚀
 
 >2017/8/29
 checkout branch mobx to see the version mobx instead of redux!
 
 [中文](https://github.com/YutHelloWorld/vortex-react/blob/master/README-zh.md)
 
-## Table of Contents
+<details>
+<summary><strong>Table of Contents</strong></summary>
+
+* [Feature](#feature)
+* [Get Start](#get-start)
+  + [Installation](#installation)
+  + [Running](#running)
+  + [Scripts](#scripts)
+* [Project Structure](#project-structure)
+  + [File Tree](#file-tree)
+  + [Data Flow](#data-flow)
+  + [Logic](#logic)
+* [Live Development](#live-development)
+* [Deploy](#deploy)
+* [Code Style](#code-style)
+* [More](#more)
+
+</details>
 
-- [Feature](#feature)
-
-- [Get Start](#get-start)
-
-  - [Install](#install)
-  - [Run](#run)
-  - [Scripts](#scripts)
-
-- [Project Structure](#project-structure)
-
-  - [File Tree](#file-tree)
-  - [Data Flow](#data-flow)
-  - [Logic](#logic)
-
-- [Live Development](#live-development)
-
-- [Deploy](#deploy)
-
-- [Code Style](#code-style)
-
-- [More](#more)
+---
 
 ## Feature
 
 - React
-- ES6/7/8 + Babel
-- Webpack 3
+- ES6 + Babel
+- Webpack3
 - Redux
 - React-Router v4
 - Reactstrap + Bootstrap\^4.0.0-alpha.6 (UI)
@@ -58,19 +55,19 @@ Before the start, we recommend you read these documentation.
 - [React-Router-Dom](https://github.com/ReactTraining/react-router/tree/master/packages/react-router-dom)
 - [ES6](http://babeljs.io/learn-es2015/)
 
-You can tru ES6 and JSX in [Babel REPL](http://babeljs.io/repl/).
+You can try ES6 and JSX in [Babel REPL](http://babeljs.io/repl/).
 
 > We recommend node 6.x + npm 5.x + yarn ^0.27.5。
 
-### Install
+### Installation
 
 ```bash
 git clone https://github.com/yuthelloworld/vortex-react.git <my-project-name>
 cd <my-project-name>
-yarn  # Install project dependencies (or `cnpm install`)
+yarn  # Install project dependencies (or `npm install`)
 ```
 
-### Run
+### Running
 
 ```bash
 yarn start  # Start the development server (or `npm start`)
@@ -135,7 +132,7 @@ yarn start  # Start the development server (or `npm start`)
 
 ## Live Development
 
-We use `webpack-dev-middleware`abd`webpack-hot-middleware` for server and HMR 。
+We use `webpack-dev-middleware` and `webpack-hot-middleware` for server and HMR 。
 
 We recommend using [Redux DevTools Chrome Extension](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd).
 
@@ -153,13 +150,13 @@ This is an exmaple in ubuntu:
 sudo apt-get install nginx
 ```
 
-- Config：
+- Configure：
 
 ```bash
 sudo vi /etc/nginx/sites-available/default
 ```
 
-- Copy the flowing to config：
+- Copy the flowing to configure：
 
 ```bash
 server{
@@ -188,4 +185,4 @@ Refrence [airbnb/javascript](https://github.com/airbnb/javascript)、[Javascript
 
 ## More
 
-Welcom PR and issues!
+Welcome PRs and issues!

package.json

@@ -21,14 +21,14 @@
     "axios": "^0.16.2",
     "bootstrap": "4.0.0-alpha.6",
     "compression": "^1.6.2",
-    "express": "^4.14.0",
+    "express": "^4.15.4",
     "object-assign": "^4.1.1",
-    "promise": "^7.1.1",
+    "promise": "^8.0.1",
     "prop-types": "^15.5.10",
     "react": "^15.6.1",
     "react-dom": "^15.5.4",
-    "react-redux": "^5.0.4",
-    "react-router-dom": "^4.1.2",
+    "react-redux": "^5.0.6",
+    "react-router-dom": "^4.2.2",
     "react-spinkit": "^3.0.0",
     "react-transition-group": "^1.1.2",
     "reactstrap": "^4.8.0",
@@ -38,41 +38,40 @@
     "whatwg-fetch": "^2.0.3"
   },
   "devDependencies": {
-    "ajv": "^4.11.8",
-    "babel-core": "^6.24.1",
+    "babel-core": "^6.26.0",
     "babel-eslint": "^7.2.3",
-    "babel-loader": "^7.0.0",
+    "babel-loader": "^7.1.2",
     "babel-plugin-syntax-dynamic-import": "^6.18.0",
     "babel-plugin-transform-class-properties": "^6.24.1",
-    "babel-plugin-transform-object-rest-spread": "^6.23.0",
+    "babel-plugin-transform-object-rest-spread": "^6.26.0",
     "babel-plugin-transform-runtime": "^6.15.0",
     "babel-preset-env": "^1.4.0",
     "babel-preset-react": "^6.24.1",
-    "babel-runtime": "^6.20.0",
-    "chalk": "^1.1.3",
-    "cross-env": "^5.0.0",
-    "css-loader": "^0.28.1",
-    "eslint": "^3.19.0",
+    "babel-runtime": "^6.26.0",
+    "chalk": "^2.1.0",
+    "cross-env": "^5.0.5",
+    "css-loader": "^0.28.5",
+    "eslint": "^4.5.0",
     "eslint-config-standard": "^10.2.1",
     "eslint-config-standard-react": "^5.0.0",
     "eslint-plugin-babel": "^4.1.1",
     "eslint-plugin-import": "^2.2.0",
-    "eslint-plugin-node": "^4.2.2",
+    "eslint-plugin-node": "^5.1.1",
     "eslint-plugin-promise": "^3.5.0",
-    "eslint-plugin-react": "^7.0.1",
+    "eslint-plugin-react": "^7.3.0",
     "eslint-plugin-standard": "^3.0.1",
     "extract-text-webpack-plugin": "^3.0.0",
     "figures": "^2.0.0",
     "file-loader": "^0.11.1",
-    "fs-extra": "^3.0.1",
+    "fs-extra": "^4.0.1",
     "html-webpack-plugin": "^2.24.1",
     "node-sass": "^4.5.3",
     "rimraf": "^2.6.1",
     "sass-loader": "^6.0.5",
-    "style-loader": "^0.17.0",
+    "style-loader": "^0.18.2",
     "url-loader": "^0.5.8",
     "webpack": "^3.5.5",
-    "webpack-dev-middleware": "^1.8.4",
-    "webpack-hot-middleware": "^2.13.2"
+    "webpack-dev-middleware": "^1.12.0",
+    "webpack-hot-middleware": "^2.18.2"
   }
 }

src/main.js

@@ -44,11 +44,10 @@ if (__DEV__) {
     module.hot.accept([
       './components/App',
       './routes/index',
-    ], () =>
-        setImmediate(() => {
-          ReactDOM.unmountComponentAtNode(MOUNT_NODE)
-          render()
-        })
+    ], () => setImmediate(() => {
+      ReactDOM.unmountComponentAtNode(MOUNT_NODE)
+      render()
+    })
     )
   }
 }