@biagri/redux-dynamic-modules-observable
TypeScript icon, indicating that this package has built-in type declarations

5.2.4-ssr.1 • Public • Published

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: [],
    };
}

Package Sidebar

Install

npm i @biagri/redux-dynamic-modules-observable

Weekly Downloads

1

Version

5.2.4-ssr.1

License

MIT

Unpacked Size

56.9 kB

Total Files

13

Last publish

Collaborators

  • erwannn
  • loic.biagri
  • maallard