5.2.3 • Published 4 years ago

redux-dynamic-modules-observable v5.2.3

Weekly downloads
132
License
MIT
Repository
github
Last release
4 years ago

Usage with redux-observable

You can use redux-dynamic-modules alongside redux-observable so that you can add/remove Epics along with your modules.

To use

  • npm install redux-dynamic-modules-observable
  • Add the observable extension to the createStore call
import { createStore, IModuleStore } from "redux-dynamic-modules";
import { getObservableExtension } from "redux-dynamic-modules-observable";
import { getUsersModule } from "./usersModule";

const store: IModuleStore<IState> = createStore(
    {
        initialState: { /** initial state */ },
        enhancers: [ /** enhancers to include */ ], 
        extensions: [getObservableExtension()],
    },
    getUsersModule()
    /* ...any additional modules */
);
  • Add the epics property to your modules, and specify a list of observables to run
import { IEpicModule } from "redux-dynamic-modules-observable";

export function getUsersModule(): IEpicModule<IUserState> {
    return {
        id: "users-module",
        reducerMap: {
            users: usersReducer,
        },
        epics: [usersEpic],
        // Actions to fire when this module is added/removed
        // initialActions: [],
        // finalActions: [],
    };
}