mirror-thin....把 redux 相关与 react 相关分离成不同的包

src/defaults.js

@@ -4,10 +4,6 @@ export const options = {
   // global initial state
   // initialState: undefined,
 
-  // Should be one of ['browser', 'hash', 'memory']
-  // Learn more: https://github.com/ReactTraining/history/blob/master/README.md
-  historyMode: 'browser',
-
   // A list of the standard Redux middleware
   middlewares: [],
 
@@ -25,20 +21,13 @@ export const options = {
 
 }
 
-const historyModes = ['browser', 'hash', 'memory']
-
 export default function defaults(opts = {}) {
 
   const {
-    historyMode,
     middlewares,
     addEffect
   } = opts
 
-  if (historyMode && !historyModes.includes(historyMode)) {
-    throw new Error(`historyMode "${historyMode}" is invalid, must be one of ${historyModes.join(', ')}!`)
-  }
-
   if (middlewares && !Array.isArray(middlewares)) {
     throw new Error(`middlewares "${middlewares}" is invalid, must be an Array!`)
   }

src/index.js

@@ -1,45 +1,21 @@
-import { Route, Redirect, Switch, Prompt, withRouter } from 'react-router'
-import { Link, NavLink } from 'react-router-dom'
-import { connect } from 'react-redux'
 import model from './model'
 import { actions } from './actions'
-import render from './render'
 import hook from './hook'
-import Router from './router'
 import defaults from './defaults'
+import init from './init'
 
 export default {
   model,
   actions,
   hook,
   defaults,
-  connect,
-  render,
-
-  Router,
-  Route,
-  Link,
-  NavLink,
-  Switch,
-  Redirect,
-  Prompt,
-  withRouter
+  init,
 }
 
 export {
   model,
   actions,
   hook,
   defaults,
-  connect,
-  render,
-
-  Router,
-  Route,
-  Link,
-  NavLink,
-  Switch,
-  Redirect,
-  Prompt,
-  withRouter
+  init,
 }

src/init.js

@@ -0,0 +1,23 @@
+import { options } from './defaults'
+import { models } from './model'
+import { store, createStore, replaceReducer } from './store'
+
+let started = false
+let Root
+
+export default function init() {
+
+  const { initialState, middlewares, reducers } = options
+
+  if (started) {
+
+    // If app has rendered, do `store.replaceReducer` to update store.
+    replaceReducer(store, models, reducers)
+
+
+  } else {
+    createStore(models, reducers, initialState, middlewares)
+  }
+
+  return store
+}

src/store.js

@@ -4,17 +4,14 @@ import {
   combineReducers,
   compose
 } from 'redux'
-import { routerReducer } from 'react-router-redux'
 
 import createMiddleware from './middleware'
-import routerMiddleware from './routerMiddleware'
 
 export let store
 
 export function createStore(models, reducers, initialState, middlewares = []) {
 
   const middleware = applyMiddleware(
-    routerMiddleware(),
     ...middlewares,
     createMiddleware()
   )
@@ -25,12 +22,12 @@ export function createStore(models, reducers, initialState, middlewares = []) {
 
   // Following line to exclude from coverage report:
   /* istanbul ignore next */
-  if (process.env.NODE_ENV !== 'production') {
-    // Redux devtools extension support.
-    if (global.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) {
-      composeEnhancers = global.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
-    }
-  }
+  // if (process.env.NODE_ENV !== 'production') {
+  //   // Redux devtools extension support.
+  //   if (global.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) {
+  //     composeEnhancers = global.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
+  //   }
+  // }
 
   const reducer = createReducer(models, reducers)
   const enhancer = composeEnhancers(...enhancers)
@@ -55,7 +52,6 @@ function createReducer(models, reducers) {
   return combineReducers({
     ...reducers,
     ...modelReducers,
-    routing: routerReducer
   })
 
 }