delete demo source, cleanup useless packages

.babelrc.js

@@ -5,13 +5,7 @@ const presets = [
 ];
 
 const plugins = [
-    '@babel/plugin-syntax-dynamic-import',
-    [
-        'babel-plugin-transform-builtin-extend',
-        {globals: ['Error', 'Array'], approximate: true},
-    ],
     'babel-plugin-react-require',
-    'react-hot-loader/babel',
 ];
 
 module.exports = {

.eslintrc.js

@@ -1,21 +1,26 @@
 module.exports = {
     "env": {
         "jest": true,
+        "node": true,
+        "browser": true,
     },
     "parser": "babel-eslint",
     "extends": [
         "eslint:recommended",
-        "airbnb",
+        "plugin:react/recommended",
     ],
     "plugins": [
         "react",
         "jest",
     ],
     "rules": {
+        "arrow-parens": ["error", "as-needed"],
         "no-console": ["warn", {allow: ["warn", "error"]}],
         "no-unused-vars": ["warn"],
         "no-shadow": ["warn"],
         "indent": ["error", 4, {"SwitchCase": 1}],
+        "object-curly-spacing": ["error", "never"],
+        "object-curly-newline": ["error", {"consistent": true}],
         "import/no-unresolved": ["off"],
         "import/prefer-default-export": ["off"],
         "import/no-extraneous-dependencies": ["off"],
@@ -25,11 +30,7 @@ module.exports = {
         "react/jsx-indent-props": ["error", 4],
         "react/jsx-boolean-value": ["off"],
         "react/no-array-index-key": ["off"],
-        "object-curly-spacing": ["error", "never"],
-        "object-curly-newline": ["error", {"consistent": true}],
-        "arrow-parens": ["error", "as-needed"],
         "react/jsx-props-no-spreading": ["off"],
-        "jsx-a11y/control-has-associated-label": ["off"],
     },
     "globals": {
         "ENV_PUBLIC_URL": "readonly",

README.md

@@ -36,10 +36,9 @@ Allow you building react and redux based web apps with less pain, by removing th
  ------------------------------
 ```
 
-* `dispatch`, `action`, `reducer`, `store` are concepts from the design of redux, you should never try to put these things in your UI layer.
 * `action`s are about what happend, it's not about "what should be done", even if they were named in verbs.
-* It is `reducer`s' job, that about "what should be done" and "how it should be done".
-* The `container` files you put in the "containers" directory are not actual `container`s, they are just connecting logics, the actual `container`s created automatically by `connect(YourComponent)`, you can only see them in the browser's `Developer Tools`.
+* It is `reducer`'s job, that about "what should be done" and "how it should be done".
+* The `container` files you put in the "containers" directory are not actual `container`s, they are just connecting logics, actual `container`s are created automatically by `connect(YourComponent)`, you can only see them in the browser's `Developer Tools`.
 * In most situations, you should try hard to prevent putting JSX codes in the `container` files. Because they are about the UI.
 * `redux-thunk` changes the origin conceptual model of the `action`, by functions, and functions always about "what should be done", or "how it should be done".
 * The `action` is not equal to action types. **`Action Type` + `Action Payload` = `Action Instance`**.