Is it possible to dynamically load my reducers

[vvdwivedi]

Right now, the way I have to compose reducers require to provide all reducers at once and then store is created. Is it possible that once I load a component, I load the reducer, saga for that particular component? Something like this where I inject a couple of reducers and then load others as they come:

import { combineReducers } from 'redux-immutable';
import appReducer from './containers/app-root/app.reducer';
import homeReducer from './containers/home/home.reducer';
/**
 * Creates the main reducer with the asynchronously loaded ones
 */
export default function createReducer(asyncReducers?) {
  return combineReducers({
    app: appReducer,
    home: homeReducer,
    ...asyncReducers,
  });
}

This createReducer can then be used while creating my store like this:

const store = createStore(
    createReducer(),
    immutable.fromJS(initialState),
    composeEnhancers(...enhancers)
  );

Typically, while routing using ion-router I would like to specify the reducer and saga (or thunk) for a route.

[bitflower]

I have a solution for this. It‘s not yet in a repo though.... Will post it here. Works a charm with Stencil and lazy loading!

[bitflower]

So here it is: https://github.com/bitflower/stencil-redux-reducer-registry

The demo loads a component and a reducer dynamically through a route. Might not be the cleanest solution (loading the reducer in the component) but it shows that it works.

[mlynch]

Not sure, never seen that done, but looks like @bitflower has a solution 🚀

Great reference @bitflower Thanks for that. Trying out different scenarios using that. I believe we can mark the initial issue as resolved.