Opposite of reducer functionality

Hello,

The reducer property is useful for defining all the keys you want to persist. I am looking for a functionality that does the opposite: where I can define a set of keys that I don’t want persisted.

Is it currently possible to achieve this? If so, how?

My suggestion would be an exclude array with a set of keys, e.g: ... exclude: ['user.password', 'user.email'] ...

[habaneroofdoom]

You can use the spread operator to achieve this neatly. Assume your state has a property “password” you want to exclude, this works quite nicely for me:

reducer: (state) => {
    const { password, ...others } = state;
    return others;
  },

[Nolence]

redux-persist has the idea of whitelisting and blacklisting parts of state which I found really useful while I was working with that library. I don’t think it would be out of place to add something like that here.

Anyways, here’s what I did to possibly save someone some time:

const vuexLocal = new VuexPersistence({
  storage: window.localStorage,
  reducer: state =>
    Object.keys(state).reduce((acc, curr) => {
      if (!["user", /* ... */].includes(curr)) acc[curr] = state[curr];
      return acc;
    }, {})
});