example(user-dashboard): migrate to dva@2

Author: sorrycc

packages/dva-example-react-router-3/package.json

@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.9.2",
-    "dva-react-router-3": "^0.1.2",
+    "dva-react-router-3": "^0.2.0",
     "react": "^15.4.0",
     "react-dom": "^15.4.0"
   },

packages/dva-example-user-dashboard/.roadhogrc

@@ -28,7 +28,7 @@
       ]
     }
   },
-  "dllPlugin": {
+  "xdllPlugin": {
     "exclude": [
       "babel-runtime"
     ],

packages/dva-example-user-dashboard/package.json

@@ -12,8 +12,9 @@
   "dependencies": {
     "antd": "^2.6.4",
     "babel-runtime": "^6.22.0",
-    "dva": "^1.2.0",
+    "dva": "^2.0.0-0",
     "dva-loading": "^0.2.0",
+    "query-string": "^5.0.0",
     "react": "^15.4.2",
     "react-dom": "^15.4.2"
   },
@@ -30,6 +31,6 @@
     "expect": "^1.20.2",
     "husky": "^0.13.0",
     "redbox-react": "^1.3.2",
-    "roadhog": "^0.6.0"
+    "roadhog": "^1.2.0-beta.1"
   }
 }

packages/dva-example-user-dashboard/src/models/users.js

@@ -1,3 +1,4 @@
+import queryString from 'query-string';
 import * as usersService from '../services/users';
 
 export default {
@@ -43,7 +44,8 @@ export default {
   },
   subscriptions: {
     setup({ dispatch, history }) {
-      return history.listen(({ pathname, query }) => {
+      return history.listen(({ pathname, search }) => {
+        const query = queryString.parse(search);
         if (pathname === '/users') {
           dispatch({ type: 'fetch', payload: query });
         }

packages/dva-example-user-dashboard/src/router.js

@@ -1,38 +1,29 @@
 import React from 'react';
-import { Router } from 'dva/router';
-
-const cached = {};
-function registerModel(app, model) {
-  if (!cached[model.namespace]) {
-    app.model(model);
-    cached[model.namespace] = 1;
-  }
-}
+import { Router, Switch, Route } from 'dva/router';
+import dynamic from 'dva/dynamic';
 
 function RouterConfig({ history, app }) {
-  const routes = [
-    {
-      path: '/',
-      name: 'IndexPage',
-      getComponent(nextState, cb) {
-        require.ensure([], (require) => {
-          cb(null, require('./routes/IndexPage'));
-        });
-      },
-    },
-    {
-      path: '/users',
-      name: 'UsersPage',
-      getComponent(nextState, cb) {
-        require.ensure([], (require) => {
-          registerModel(app, require('./models/users'));
-          cb(null, require('./routes/Users'));
-        });
-      },
-    },
-  ];
+  const IndexPage = dynamic({
+    app,
+    component: import('./routes/IndexPage'),
+  });
+
+  const Users = dynamic({
+    app,
+    models: [
+      import('./models/users'),
+    ],
+    component: import('./routes/Users'),
+  });
 
-  return <Router history={history} routes={routes} />;
+  return (
+    <Router history={history}>
+      <Switch>
+        <Route exact path="/" component={IndexPage} />
+        <Route exact path="/users" component={Users} />
+      </Switch>
+    </Router>
+  );
 }
 
 export default RouterConfig;