Redux-async-enhancer NPM

redux-async-enhancer

Store enhancer for https://github.com/reactjs/redux which allows asynchronously inject reducers.

The problem

Redux reducers are usually all registered up front. Usually this is ok but sometimes for code splitting purposes or just not loading admin reducers for regular users we want to register the reducers after the fact.

This solution

Redux-async-enhancer is a store enhancer that allows you to inject reducers asynchronously at run time.

Installation

npm install --save redux-async-enhancer

Usage

The asyncStoreEnhancer store enhancer is added onto createStore. The enhancer needs the root reducers as an argument. Reducers are added once per key and cached after that.

import { createStore, applyMiddleware, compose, combineReducers } from 'redux'
import { asyncStoreEnhancer } from 'redux-async-enhancer'
import reducers from './reducers'

const rootReducer = combineReducers(reducers)

const enhancer = compose(
  applyMiddleware(...middleware),
  asyncStoreEnhancer(reducers)
)

const store = createStore(rootReducer, initialState, enhancer)


export default store

// elsewhere


import store from 'create-store' // Or whereever you have it, perhaps from react-redux context?

// inject a reducer
store.injectReducer('reducerName', (state = {}, action) => {
  // reducer
  return state
})