вот как я реализовал его в текущем приложении (на основе кода Дэна из проблемы GitHub!)

// Based on https://github.com/rackt/redux/issues/37#issue-85098222
class ReducerRegistry {
  constructor(initialReducers = {}) {
    this._reducers = {...initialReducers}
    this._emitChange = null
  }
  register(newReducers) {
    this._reducers = {...this._reducers, ...newReducers}
    if (this._emitChange != null) {
      this._emitChange(this.getReducers())
    }
  }
  getReducers() {
    return {...this._reducers}
  }
  setChangeListener(listener) {
    if (this._emitChange != null) {
      throw new Error('Can only set the listener for a ReducerRegistry once.')
    }
    this._emitChange = listener
  }
}

создайте экземпляр реестра при загрузке вашего приложения, передав в редукторы, которые будут включены в пакет записей:

// coreReducers is a {name: function} Object
var coreReducers = require('./reducers/core')
var reducerRegistry = new ReducerRegistry(coreReducers)

затем при настройке хранилища и маршрутов используйте функцию, которую вы можете дать реестру редуктора:

var routes = createRoutes(reducerRegistry)
var store = createStore(reducerRegistry)

где эти функции выглядят примерно так:

function createRoutes(reducerRegistry) {
  return <Route path="/" component={App}>
    <Route path="core" component={Core}/>
    <Route path="async" getComponent={(location, cb) => {
      require.ensure([], require => {
        reducerRegistry.register({async: require('./reducers/async')})
        cb(null, require('./screens/Async'))
      })
    }}/>
  </Route>
}

function createStore(reducerRegistry) {
  var rootReducer = createReducer(reducerRegistry.getReducers())
  var store = createStore(rootReducer)

  reducerRegistry.setChangeListener((reducers) => {
    store.replaceReducer(createReducer(reducers))
  })

  return store
}

---

вот основные живой пример, который был создан с этой установкой, и его источник:

• пример
• источник

оно также покрывает необходимую конфигурацию для того чтобы включить горячий перезаряжать для всех ваших редукторов.

теперь есть модуль, который добавляет инъекционные редукторы в хранилище redux. Это называется Возвращение инжектора. https://github.com/randallknutson/redux-injector

вот как его использовать:

1. не комбинируйте редукторы. Вместо этого поместите их в (вложенный) объект функций, как обычно, но без их объединения.

2. используйте createInjectStore из redux-injector вместо createStore из возвращение.

3. впрысните новые редукторы с injectReducer.

вот пример:

import { createInjectStore, injectReducer } from 'redux-injector';

const reducersObject = {
   router: routerReducerFunction,
   data: {
     user: userReducerFunction,
     auth: {
       loggedIn: loggedInReducerFunction,
       loggedOut: loggedOutReducerFunction
     },
     info: infoReducerFunction
   }
 };

const initialState = {};

let store = createInjectStore(
  reducersObject,
  initialState
);

// Now you can inject reducers anywhere in the tree.
injectReducer('data.form', formReducerFunction);

полное раскрытие: я создатель модуля.

по состоянию на октябрь 2017:

• Reedux

  реализует то, что предложил Дэн и ничего больше, не касаясь вашего магазина, вашего проекта или ваших привычек

есть и другие библиотеки, но они могут иметь слишком много зависимостей, меньше примеров, сложное использование, несовместимы с некоторыми промежуточными программами или требуют переписать управление состоянием. Скопировано со страницы введения Reedux:

• redux-modules
• redux-module-builder
• redux-stack
• paradux
• redux-dynamic-reducer
• redux-инжектор
• redux-dynamix

вот еще пример с разделением кода и redux магазинов, довольно простой и элегантный, на мой взгляд. Я думаю, что это может быть очень полезно для тех, кто ищет рабочее решение.

этой магазине немного упрощено это не заставляет вас иметь пространство имен (reducer.name) в вашем объекте состояния, конечно, может быть столкновение с именами, но вы можете контролировать это, создавая соглашение об именах для своих редукторов, и оно должно быть штраф.