Flush state with an NgRx meta-reducer

Modified October 12, 2022

Tim Deschryver

timdeschryver.dev

Flush state with an NgRx meta-reducer link

Use case link

You want to (partially) flush the state.

Solution link

Use a meta-reducer to listen to an action and flush the state by invoking the reducer with the undefined state so the reducers re-use their initial state.

 content_paste
/**
 * Reset the whole state when the RESET action is dispatched
 */
function flush(reducer) {
  return function (state: AppState | undefined, action: Action) {
    if (action.type === 'RESET') {
      return reducer(undefined, action);
    }
 
    return reducer(state, action);
  };
}
 
/**
 * Reset a partial state when the RESET action is dispatched,
 * except for the authentication and design states
 */
function flush(reducer) {
  return function (state: AppState | undefined, action: Action) {
    if (action.type === 'RESET') {
      return reducer(
        {
          authentication: state.authentication,
          design: state.design,
        },
        action,
      );
    }
 
    return reducer(state, action);
  };
}

Follow me

You can find me on Twitter, LinkedIn, and GitHub.

Support me

I appreciate it if you would support me if have you enjoyed this post and found it useful, thank you in advance.