fet: add immutable pkg

docs/guide/index.md

@@ -13,10 +13,9 @@ nav:
 - [ ] [React](https://facebook.github.io/react/)
 - [ ] [React Router](https://github.com/ReactTraining/react-router)
 - [ ] [Redux](http://redux.js.org/)
-- [ ] [Redux Saga](https://redux-saga.github.io/redux-saga/)
+- [ ] [redux-thunk](https://redux-saga.github.io/redux-saga/)
 - [ ] [Reselect](https://github.com/reactjs/reselect)
-- [ ] [Immer](https://github.com/mweststrate/immer)
-- [ ] [Styled Components](https://github.com/styled-components/styled-components)
+- [ ] [Immutable](https://github.com/immutable-js/immutable-js)
 
 ### UI
 - [ ] [Ant-Design](https://github.com/ant-design/ant-design)

internals/webpack/webpack.base.babel.js

@@ -62,7 +62,7 @@ module.exports = options => ({
                       .split('/')
                       .map(a => a.replace(/([A-Z])/g, '-$1'))
                       .map(a => a.toLowerCase());
-                    return `antd-pro${arr.join('-')}-${localName}`.replace(/--/g, '-');
+                    return `panda-pro${arr.join('-')}-${localName}`.replace(/--/g, '-');
                   }
             
                   return localName;

internals/webpack/webpack.prod.babel.js

@@ -116,20 +116,20 @@ module.exports = require('./webpack.base.babel')({
     }),
 
     new WebpackPwaManifest({
-      name: 'React Boilerplate',
-      short_name: 'React BP',
-      description: 'My React Boilerplate-based project!',
+      name: '运维管理平台',
+      short_name: '运维管理平台',
+      description: '运维管理平台',
       background_color: '#fafafa',
       theme_color: '#b1624d',
       inject: true,
       ios: true,
       icons: [
         {
-          src: path.resolve('app/images/icon-512x512.png'),
+          src: path.resolve('src/images/icon-512x512.png'),
           sizes: [72, 96, 128, 144, 192, 384, 512],
         },
         {
-          src: path.resolve('app/images/icon-512x512.png'),
+          src: path.resolve('src/images/icon-512x512.png'),
           sizes: [120, 152, 167, 180],
           ios: true,
         },

package.json

@@ -100,7 +100,8 @@
     "reselect": "4.0.0",
     "sanitize.css": "8.0.0",
     "styled-components": "4.2.0",
-    "use-merge-value": "^1.0.2"
+    "use-merge-value": "^1.0.2",
+    "immutable": "^4.0.0-rc.12"
   },
   "devDependencies": {
     "@ant-design/icons": "^4.0.0",
@@ -182,6 +183,9 @@
     "react-router-config": "^5.1.1",
     "react-test-renderer": "16.8.6",
     "react-testing-library": "6.1.2",
+    "redux-immutable": "^4.0.0",
+    "redux-logger": "^3.0.6",
+    "redux-thunk": "^2.3.0",
     "regenerator-runtime": "^0.13.7",
     "rimraf": "2.6.3",
     "shelljs": "0.8.3",

src/.umi/core/devScripts.ts

-// @ts-nocheck
-
-if (window.g_initWebpackHotDevClient) {
-  function tryApplyUpdates(onHotUpdateSuccess?: Function) {
-    // @ts-ignore
-    if (!module.hot) {
-      window.location.reload();
-      return;
-    }
-
-    function isUpdateAvailable() {
-      // @ts-ignore
-      return window.g_getMostRecentCompilationHash() !== __webpack_hash__;
-    }
-
-    // TODO: is update available?
-    // @ts-ignore
-    if (!isUpdateAvailable() || module.hot.status() !== 'idle') {
-      return;
-    }
-
-    function handleApplyUpdates(err: Error | null, updatedModules: any) {
-      if (err || !updatedModules || window.g_getHadRuntimeError()) {
-        window.location.reload();
-        return;
-      }
-
-      onHotUpdateSuccess?.();
-
-      if (isUpdateAvailable()) {
-        // While we were updating, there was a new update! Do it again.
-        tryApplyUpdates();
-      }
-    }
-
-    // @ts-ignore
-    module.hot.check(true).then(
-      function (updatedModules: any) {
-        handleApplyUpdates(null, updatedModules);
-      },
-      function (err: Error) {
-        handleApplyUpdates(err, null);
-      },
-    );
-  }
-
-  window.g_initWebpackHotDevClient({
-    tryApplyUpdates,
-  });
-}
-      
\ No newline at end of file

src/.umi/core/history.ts

-// @ts-nocheck
-import { createBrowserHistory } from '/FE/project/panda_maintenance/node_modules/_@umijs_runtime@3.2.15@@umijs/runtime';
-
-let options = {
-  "basename": "/"
-};
-if ((<any>window).routerBase) {
-  options.basename = (<any>window).routerBase;
-}
-
-// remove initial history because of ssr
-let history: any = process.env.__IS_SERVER ? null : createBrowserHistory(options);
-export const createHistory = (hotReload = false) => {
-  if (!hotReload) {
-    history = createBrowserHistory(options);
-  }
-
-  return history;
-};
-
-// 通常仅微前端场景需要调用这个 API
-export const setCreateHistoryOptions = (newOpts: any = {}) => {
-  options = { ...options, ...newOpts };
-};
-
-export { history };

src/.umi/core/plugin.ts

-// @ts-nocheck
-import { Plugin } from '/FE/project/panda_maintenance/node_modules/_@umijs_runtime@3.2.15@@umijs/runtime';
-
-const plugin = new Plugin({
-  validKeys: ['modifyClientRenderOpts','patchRoutes','rootContainer','render','onRouteChange',],
-});
-
-export { plugin };

src/.umi/core/pluginConfig.d.ts

-/** Created by Umi Plugin **/
-
-export interface IConfigFromPlugins {
-  routes?: {
-    /**
-     * Any valid URL path
-     */
-    path?: string;
-    /**
-     * A React component to render only when the location matches.
-     */
-    component?: string | (() => any);
-    wrappers?: string[];
-    /**
-     * navigate to a new location
-     */
-    redirect?: string;
-    /**
-     * When true, the active class/style will only be applied if the location is matched exactly.
-     */
-    exact?: boolean;
-    routes?: any[];
-    [k: string]: any;
-  }[];
-  history?: {
-    type?: "browser" | "hash" | "memory";
-    options?: {};
-  };
-  polyfill?: {
-    imports?: string[];
-  };
-  alias?: {};
-  analyze?: {
-    analyzerMode?: "server" | "static" | "disabled";
-    analyzerHost?: string;
-    analyzerPort?: any;
-    openAnalyzer?: boolean;
-    generateStatsFile?: boolean;
-    statsFilename?: string;
-    logLevel?: "info" | "warn" | "error" | "silent";
-    defaultSizes?: "stat" | "parsed" | "gzip";
-    [k: string]: any;
-  };
-  /**
-   * postcss autoprefixer, default flexbox: no-2009
-   */
-  autoprefixer?: {};
-  base?: string;
-  chainWebpack?: () => any;
-  chunks?: string[];
-  /**
-   * more css-loader options see https://webpack.js.org/loaders/css-loader/#options
-   */
-  cssLoader?: {
-    url?: boolean | (() => any);
-    import?: boolean | (() => any);
-    modules?: boolean | string | {};
-    sourceMap?: boolean;
-    importLoaders?: number;
-    onlyLocals?: boolean;
-    esModule?: boolean;
-    localsConvention?: "asIs" | "camelCase" | "camelCaseOnly" | "dashes" | "dashesOnly";
-  };
-  cssModulesTypescriptLoader?: {
-    mode?: "emit" | "verify";
-  };
-  cssnano?: {};
-  copy?: string[];
-  define?: {};
-  devScripts?: {};
-  /**
-   * devServer configs
-   */
-  devServer?: {
-    /**
-     * devServer port, default 8000
-     */
-    port?: number;
-    host?: string;
-    https?:
-      | {
-          key?: string;
-          cert?: string;
-          [k: string]: any;
-        }
-      | boolean;
-    headers?: {};
-    writeToDisk?: boolean | (() => any);
-    [k: string]: any;
-  };
-  devtool?: string;
-  /**
-   * Code splitting for performance optimization
-   */
-  dynamicImport?: {
-    /**
-     * loading the component before loaded
-     */
-    loading?: string;
-  };
-  exportStatic?: {
-    htmlSuffix?: boolean;
-    dynamicRoot?: boolean;
-    /**
-     * extra render paths only enable in ssr
-     */
-    extraRoutePaths?: () => any;
-  };
-  externals?: {} | string | (() => any);
-  extraBabelPlugins?: any[];
-  extraBabelPresets?: any[];
-  extraPostCSSPlugins?: any[];
-  /**
-   * fork-ts-checker-webpack-plugin options see https://github.com/TypeStrong/fork-ts-checker-webpack-plugin#options
-   */
-  forkTSChecker?: {
-    async?: boolean;
-    typescript?: boolean | {};
-    eslint?: {};
-    issue?: {};
-    formatter?: string | {};
-    logger?: {};
-    [k: string]: any;
-  };
-  hash?: boolean;
-  ignoreMomentLocale?: boolean;
-  inlineLimit?: number;
-  lessLoader?: {};
-  manifest?: {
-    fileName?: string;
-    publicPath?: "";
-    basePath?: string;
-    writeToFileEmit?: boolean;
-  };
-  mountElementId?: "";
-  mpa?: {};
-  nodeModulesTransform?: {
-    type?: "all" | "none";
-    exclude?: string[];
-  };
-  outputPath?: "";
-  plugins?: string[];
-  postcssLoader?: {};
-  presets?: string[];
-  proxy?: {};
-  publicPath?: string;
-  runtimePublicPath?: boolean;
-  ssr?: {
-    /**
-     * remove window.g_initialProps in html, to force execing Page getInitialProps  functions
-     */
-    forceInitial?: boolean;
-    /**
-     * disable serve-side render in umi dev mode.
-     */
-    devServerRender?: boolean;
-    mode?: "stream" | "string";
-    /**
-     * static markup in static site
-     */
-    staticMarkup?: boolean;
-  };
-  singular?: boolean;
-  styleLoader?: {};
-  targets?: {};
-  terserOptions?: {};
-  theme?: {};
-  runtimeHistory?: {};
-  favicon?: string;
-  headScripts?: any[];
-  links?: any[];
-  metas?: any[];
-  scripts?: any[];
-  styles?: any[];
-  title?: string;
-  mock?: {
-    exclude?: string[];
-  };
-  description?: string;
-  logo?: string;
-  locales?: any[];
-  mode?: string;
-  menus?: {};
-  navs?: any[] | {};
-  resolve?: {};
-  [k: string]: any;
-}

src/.umi/core/pluginRegister.ts

-// @ts-nocheck
-import { plugin } from './plugin';
-import * as Plugin_0 from '/FE/project/panda_maintenance/src/app.js';
-
-  plugin.register({
-    apply: Plugin_0,
-    path: '/FE/project/panda_maintenance/src/app.js',
-  });

src/.umi/core/polyfill.ts

-// @ts-nocheck
-import 'core-js';
-import 'regenerator-runtime/runtime';

src/.umi/core/routes.ts

-// @ts-nocheck
-import { ApplyPluginsType, dynamic } from '/FE/project/panda_maintenance/node_modules/_@umijs_runtime@3.2.15@@umijs/runtime';
-import { plugin } from './plugin';
-
-export function getRoutes() {
-  const routes = [
-  {
-    "path": "/",
-    "component": (props) => require('react').createElement(require('/FE/project/panda_maintenance/node_modules/_@umijs_preset-dumi@1.0.13@@umijs/preset-dumi/lib/themes/default/layout.js').default, {
-      ...{"menus":{"*":{"*":[{"path":"/","title":"运维平台 - 开发文档","meta":{"order":10}}],"/components":[{"path":"/components","title":"基础组件","meta":{}}],"/faq":[{"path":"/faq","title":"常见问题","meta":{}}],"/guide":[{"title":"介绍","children":[{"path":"/guide","title":"介绍"},{"path":"/guide/getting-started","title":"快速上手"},{"path":"/guide/command","title":"script 命令"}]}]}},"locales":[],"navs":{"*":[{"title":"指南","order":1,"path":"/guide"},{"title":"组件","order":1,"path":"/components"},{"title":"faq","order":3,"path":"/faq"},{"title":"GitHub","path":"https://g.civnet.cn:8443/test/maintenance.git"},{"title":"更新日志","path":"https://g.civnet.cn:8443/test/maintenance/releases"}]},"title":"运维平台","mode":"site","repoUrl":"https://github.com/react-boilerplate/react-boilerplate"},
-      ...props,
-    }),
-    "routes": [
-      {
-        "path": "/",
-        "component": dynamic({ loader: () => import(/* webpackChunkName: 'docs__index.md' */'../../../docs/index.md')}),
-        "exact": true,
-        "meta": {
-          "filePath": "docs/index.md",
-          "updatedTime": 1597630187000,
-          "title": "运维平台 - 开发文档",
-          "order": 10,
-          "hero": {
-            "title": "运维平台",
-            "actions": [
-              {
-                "text": "快速开始",
-                "link": "/guide/getting-started"
-              }
-            ]
-          },
-          "footer": "<div class=\"markdown\"><p>Open-source MIT Licensed | Copyright © 2020-present<br />Powered by self</p></div>",
-          "slugs": [
-            {
-              "depth": 2,
-              "value": "快速开始",
-              "heading": "快速开始"
-            }
-          ]
-        },
-        "title": "运维平台 - 开发文档"
-      },
-      {
-        "path": "/components",
-        "component": dynamic({ loader: () => import(/* webpackChunkName: 'docs__components__index.md' */'../../../docs/components/index.md')}),
-        "exact": true,
-        "meta": {
-          "filePath": "docs/components/index.md",
-          "updatedTime": 1597630187000,
-          "title": "基础组件",
-          "nav": {
-            "title": "组件",
-            "order": 1,
-            "path": "/components"
-          },
-          "slugs": []
-        },
-        "title": "基础组件"
-      },
-      {
-        "path": "/faq",
-        "component": dynamic({ loader: () => import(/* webpackChunkName: 'docs__faq__index.md' */'../../../docs/faq/index.md')}),
-        "exact": true,
-        "meta": {
-          "filePath": "docs/faq/index.md",
-          "updatedTime": 1597630187000,
-          "title": "常见问题",
-          "nav": {
-            "title": "faq",
-            "order": 3,
-            "path": "/faq"
-          },
-          "slugs": []
-        },
-        "title": "常见问题"
-      },
-      {
-        "path": "/guide/command",
-        "component": dynamic({ loader: () => import(/* webpackChunkName: 'docs__guide__command.md' */'../../../docs/guide/command.md')}),
-        "exact": true,
-        "meta": {
-          "filePath": "docs/guide/command.md",
-          "updatedTime": 1597630187000,
-          "title": "script 命令",
-          "nav": {
-            "title": "指南",
-            "order": 1,
-            "path": "/guide"
-          },
-          "slugs": [
-            {
-              "depth": 1,
-              "value": "script 命令",
-              "heading": "script-命令"
-            },
-            {
-              "depth": 2,
-              "value": "初始化",
-              "heading": "初始化"
-            },
-            {
-              "depth": 2,
-              "value": "开发环境",
-              "heading": "开发环境"
-            },
-            {
-              "depth": 2,
-              "value": "清除",
-              "heading": "清除"
-            },
-            {
-              "depth": 2,
-              "value": "生成模版代码块",
-              "heading": "生成模版代码块"
-            },
-            {
-              "depth": 2,
-              "value": "服务",
-              "heading": "服务"
-            },
-            {
-              "depth": 3,
-              "value": "开发环境",
-              "heading": "开发环境-1"
-            },
-            {
-              "depth": 3,
-              "value": "生产环境",
-              "heading": "生产环境"
-            },
-            {
-              "depth": 3,
-              "value": "Host and Port",
-              "heading": "host-and-port"
-            },
-            {
-              "depth": 2,
-              "value": "打包",
-              "heading": "打包"
-            },
-            {
-              "depth": 2,
-              "value": "Testing",
-              "heading": "testing"
-            },
-            {
-              "depth": 2,
-              "value": "单元测试",
-              "heading": "单元测试"
-            },
-            {
-              "depth": 3,
-              "value": "Watching",
-              "heading": "watching"
-            },
-            {
-              "depth": 2,
-              "value": "检查代码规范",
-              "heading": "检查代码规范"
-            }
-          ],
-          "group": {
-            "title": "介绍"
-          }
-        },
-        "title": "script 命令"
-      },
-      {
-        "path": "/guide/getting-started",
-        "component": dynamic({ loader: () => import(/* webpackChunkName: 'docs__guide__getting-started.md' */'../../../docs/guide/getting-started.md')}),
-        "exact": true,
-        "meta": {
-          "filePath": "docs/guide/getting-started.md",
-          "updatedTime": 1597630187000,
-          "title": "快速上手",
-          "order": 9,
-          "nav": {
-            "order": 10,
-            "path": "/guide",
-            "title": "指南"
-          },
-          "slugs": [
-            {
-              "depth": 2,
-              "value": "环境准备",
-              "heading": "环境准备"
-            },
-            {
-              "depth": 2,
-              "value": "脚手架初始化",
-              "heading": "脚手架初始化"
-            }
-          ],
-          "group": {
-            "title": "介绍"
-          }
-        },
-        "title": "快速上手"
-      },
-      {
-        "path": "/guide",
-        "component": dynamic({ loader: () => import(/* webpackChunkName: 'docs__guide__index.md' */'../../../docs/guide/index.md')}),
-        "exact": true,
-        "meta": {
-          "filePath": "docs/guide/index.md",
-          "updatedTime": 1597630187000,
-          "title": "介绍",
-          "nav": {
-            "title": "指南",
-            "order": 1,
-            "path": "/guide"
-          },
-          "slugs": [
-            {
-              "depth": 3,
-              "value": "技术栈",
-              "heading": "技术栈"
-            },
-            {
-              "depth": 3,
-              "value": "Core",
-              "heading": "core"
-            },
-            {
-              "depth": 3,
-              "value": "UI",
-              "heading": "ui"
-            },
-            {
-              "depth": 3,
-              "value": "Unit Testing",
-              "heading": "unit-testing"
-            },
-            {
-              "depth": 3,
-              "value": "Linting",
-              "heading": "linting"
-            },
-            {
-              "depth": 2,
-              "value": "项目结构",
-              "heading": "项目结构"
-            }
-          ],
-          "group": {
-            "title": "介绍"
-          }
-        },
-        "title": "介绍"
-      }
-    ],
-    "title": "运维平台"
-  }
-];
-
-  // allow user to extend routes
-  plugin.applyPlugins({
-    key: 'patchRoutes',
-    type: ApplyPluginsType.event,
-    args: { routes },
-  });
-
-  return routes;
-}

src/.umi/core/umiExports.ts

-// @ts-nocheck
-export { history, setCreateHistoryOptions } from './history';
-export { plugin } from './plugin';

src/.umi/umi.ts

-// @ts-nocheck
-import './core/polyfill';
-import '@@/core/devScripts';
-import { plugin } from './core/plugin';
-import './core/pluginRegister';
-import { createHistory } from './core/history';
-import { ApplyPluginsType } from '/FE/project/panda_maintenance/node_modules/_@umijs_runtime@3.2.15@@umijs/runtime';
-import { renderClient } from '/FE/project/panda_maintenance/node_modules/_@umijs_renderer-react@3.2.15@@umijs/renderer-react/dist/index.js';
-import { getRoutes } from './core/routes';
-
-
-require('../global.less');
-
-const getClientRender = (args: { hot?: boolean; routes: any[] } = {}) => plugin.applyPlugins({
-  key: 'render',
-  type: ApplyPluginsType.compose,
-  initialValue: () => {
-    const opts = plugin.applyPlugins({
-      key: 'modifyClientRenderOpts',
-      type: ApplyPluginsType.modify,
-      initialValue: {
-        routes: args.routes,
-        plugin,
-        history: createHistory(args.hot),
-        isServer: process.env.__IS_SERVER,
-        dynamicImport: true,
-        rootElement: 'root',
-        defaultTitle: `运维平台`,
-      },
-    });
-    return renderClient(opts);
-  },
-  args,
-});
-
-const clientRender = getClientRender({ routes: getRoutes() });
-export default clientRender();
-
-
-    window.g_umi = {
-      version: '3.2.15',
-    };
-  
-
-// hot module replacement
-// @ts-ignore
-if (module.hot) {
-  // @ts-ignore
-  module.hot.accept('./core/routes', () => {
-    const ret = require('./core/routes');
-    if (ret.then) {
-      ret.then(({ getRoutes }) => {
-        getClientRender({ hot: true, routes: getRoutes() })();
-      });
-    } else {
-      getClientRender({ hot: true, routes: ret.getRoutes() })();
-    }
-  });
-}

src/app.js

@@ -5,18 +5,18 @@ import 'antd/dist/antd.less';
 import 'file-loader?name=.htaccess!./.htaccess'; // eslint-disable-line import/extensions
 import 'sanitize.css/sanitize.css';
 
-// Import all the third party stuff
 import React from 'react';
 import ReactDOM from 'react-dom';
 
-import { ConnectedRouter } from 'connected-react-router';
+import { ConnectedRouter } from 'connected-react-router/immutable';
+import Immutable from 'immutable';
 import { Provider } from 'react-redux';
 
 import configureStore from './configureStore';
 import App from './containers/App';
 import history from './utils/history';
 
-const initialState = {};
+const initialState = Immutable.Map();
 const store = configureStore(initialState, history);
 const MOUNT_NODE = document.getElementById('app');
 

src/configureStore.js

-import { routerMiddleware } from 'connected-react-router';
-import { applyMiddleware, compose, createStore } from 'redux';
+import { routerMiddleware } from 'connected-react-router/immutable';
+import { Iterable } from 'immutable';
+import {
+  applyMiddleware,
+  compose,
+  createStore,
+} from 'redux';
+import { createLogger } from 'redux-logger';
 import createSagaMiddleware from 'redux-saga';
+import thunk from 'redux-thunk';
 
 import createReducer from './reducers';
 
+const logger = createLogger({
+  stateTransformer: state => {
+    if (Iterable.isIterable(state)) return state.toJS();
+    return state;
+  },
+});
 export default function configureStore(initialState = {}, history) {
   let composeEnhancers = compose;
-  const reduxSagaMonitorOptions = {};
-
+  let reduxSagaMonitorOptions = {};
+  /* istanbul ignore next */
   if (process.env.NODE_ENV !== 'production' && typeof window === 'object') {
     /* eslint-disable no-underscore-dangle */
     if (window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__)
       composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({});
+
+    if (window.__SAGA_MONITOR_EXTENSION__)
+      reduxSagaMonitorOptions = {
+        sagaMonitor: window.__SAGA_MONITOR_EXTENSION__,
+      };
+    /* eslint-enable */
   }
 
   const sagaMiddleware = createSagaMiddleware(reduxSagaMonitorOptions);
 
-  const middlewares = [sagaMiddleware, routerMiddleware(history)];
+  const middlewares = [
+    sagaMiddleware,
+    routerMiddleware(history),
+    logger,
+    thunk,
+  ];
 
   const enhancers = [applyMiddleware(...middlewares)];
 
@@ -26,10 +50,10 @@ export default function configureStore(initialState = {}, history) {
     composeEnhancers(...enhancers),
   );
 
+  // Extensions
   store.runSaga = sagaMiddleware.run;
   store.injectedReducers = {}; // Reducer registry
   store.injectedSagas = {}; // Saga registry
-
   if (module.hot) {
     module.hot.accept('./reducers', () => {
       store.replaceReducer(createReducer(store.injectedReducers));

src/containers/App/reducer.js

-import produce from 'immer';
-
-import {
-  LOAD_REPOS,
-  LOAD_REPOS_ERROR,
-  LOAD_REPOS_SUCCESS,
-} from './constants';
-
-export const initialState = {
-  loading: false,
-  error: false,
-  currentUser: false,
-  userData: {
-    repositories: false,
-  },
-};
-
-/* eslint-disable default-case, no-param-reassign */
-const appReducer = (state = initialState, action) =>
-  produce(state, draft => {
-    switch (action.type) {
-      case LOAD_REPOS:
-        draft.loading = true;
-        draft.error = false;
-        draft.userData.repositories = false;
-        break;
-
-      case LOAD_REPOS_SUCCESS:
-        draft.userData.repositories = action.repos;
-        draft.loading = false;
-        draft.currentUser = action.username;
-        break;
-
-      case LOAD_REPOS_ERROR:
-        draft.error = action.error;
-        draft.loading = false;
-        break;
-    }
-  });
-
-export default appReducer;

src/containers/App/store/index.js

+import * as actionCreators from './actions';
+import * as constants from './constants';
+import reducer from './reducer';
+import * as selectors from './selectors';
+
+export { actionCreators, constants, reducer, selectors };

src/containers/App/store/reducer.js

+import { fromJS } from 'immutable';
+
+import {
+  LOAD_REPOS,
+  LOAD_REPOS_ERROR,
+  LOAD_REPOS_SUCCESS,
+} from './constants';
+
+export const initialState = fromJS({
+  loading: false,
+  error: false,
+  currentUser: false,
+  userData: {
+    repositories: false,
+  },
+});
+
+/* eslint-disable default-case, no-param-reassign */
+const appReducer = (state = initialState, action) => {
+  switch (action.type) {
+    case LOAD_REPOS:
+      return state.merge({
+        loading: true,
+        error: false,
+        userData: {
+          repositories: false
+        }
+      })
+    case LOAD_REPOS_SUCCESS:
+      return state.merge({
+        loading: false,
+        currentUser: action.username,
+        userData: {
+          repositories: action.repos
+        }
+      })
+
+    case LOAD_REPOS_ERROR:
+      return state.merge({
+        error: action.error,
+        loading: false
+      })
+    default:
+      return state;
+  }
+}
+export default appReducer;

src/pages/404.js

-import React from 'react';
-
-import {
-  Button,
-  Result,
-} from 'antd';
-
-const NoFoundPage= () => (
-  <Result
-    status="404"
-    title="404"
-    subTitle="Sorry, the page you visited does not exist."
-    extra={<Button type="primary">Back Home</Button>}
-  />
-);
-
-export default NoFoundPage;

src/pages/Welcome.js

 import React from 'react';
+
+import {
+  Alert,
+  Card,
+  Typography,
+} from 'antd';
+
 import { PageContainer } from '@ant-design/pro-layout';
-import { Card, Alert, Typography } from 'antd';
+
 import styles from './Welcome.less';
 
 const CodePreview = ({ children }) => (
@@ -24,33 +31,6 @@ export default () => (
           marginBottom: 24,
         }}
       />
-      <Typography.Text strong>
-        高级表格{' '}
-        <a
-          href="https://protable.ant.design/"
-          rel="noopener noreferrer"
-          target="__blank"
-        >
-          欢迎使用
-        </a>
-      </Typography.Text>
-      <CodePreview>yarn add @ant-design/pro-table</CodePreview>
-      <Typography.Text
-        strong
-        style={{
-          marginBottom: 12,
-        }}
-      >
-        高级布局{' '}
-        <a
-          href="https://prolayout.ant.design/"
-          rel="noopener noreferrer"
-          target="__blank"
-        >
-          欢迎使用
-        </a>
-      </Typography.Text>
-      <CodePreview>yarn add @ant-design/pro-layout</CodePreview>
     </Card>
   </PageContainer>
 );

src/reducers.js

-/**
- * Combine all reducers in this file and export the combined reducers.
- */
+// import { connectRouter } from 'connected-react-router';
+import { connectRouter } from 'connected-react-router/immutable';
+// import { combineReducers } from 'redux';
+import { combineReducers } from 'redux-immutable';
 
-import { connectRouter } from 'connected-react-router';
-import { combineReducers } from 'redux';
-
-import globalReducer from './containers/App/reducer';
+import { reducer as globalReducer } from './containers/App/store';
 import history from './utils/history';
 
-/**
- * Merges the main reducer with the router state and dynamically injected reducers
- */
 export default function createReducer(injectedReducers = {}) {
   const rootReducer = combineReducers({
     global: globalReducer,