How to delete state in every Reducer with single action

Question

I have 10 reducer and I want to delete state values in every reducer with a single click, how can I achieve this?

Answer 1

I think the most straight forward way to reset history would be to create an action that the 10 reducers listen for and when it occurs they reset their state accordingly. Here is an example:

class ResetState extends Action {
  readonly type = "RESET_STATE"
}

reducer 1

function reducer1(state, action){
  switch(action.type) {
    case "RESET_STATE":
      return {};
  }
}

reducer 2

function reducer2(state, action){
  switch(action.type) {
    case "RESET_STATE":
      return {
        someCount: 0,
        someArray: [],
        someBoolean: false,
      };
  }
}

Answer 2

You can create a metaReducer like so.

export function clearData(reducer: ActionReducer<any>): ActionReducer<any> {
    return function (state, action) {

        switch (action.type) {
            case CLEAR_DATA:
                state = undefined;
        }

        return reducer(state, action);
    };
}

and include it in your metaReducers array which will be finally fed to StoreModule initialisation in your feature modules.