Combining engines about redux-storage HOT 3 CLOSED

After a few more minutes of thought, I can pretty easily write an engine (or decorator, or whatever the terminology should be) that does what I expected the merger to do...

const merge = (...engines) => ({
  load() {
    engines.forEach(e => { e.load(); });
  },
  save(state) {
    engines.forEach(e => { e.save(state); });
  }
});

from redux-storage.

The job of a merger in redux-storage is to merge (hence the name 😄 ) the current state with state loaded from the engine (see https://github.com/michaelcontento/redux-storage/blob/master/src/reducer.js#L8).

Thus a merger would not be the right place to handle multiple engines. The best way would be to create a new engine, as it would be able to handle both load and save operations. A rough API could look something like this:

import createEngineLocalstorage from 'redux-storage-engine-localstorage';
import createEngineRouter from 'redux-storage-engine-router';

const engine = createEngineRouter({
    user: createEngineLocalstorage('userState'),
    todos: createEngineLocalstorage('todosState'),
   __default__: createEngineLocalstorage('defaultState')
});

In this, very very rough, API we simply pass a object to our new router-engine which serves as a routing layer. state.user would be stored in the localStorage key userState, state.todos in todosState and every other property of state in defaultState.

Does this answer your question? If so, please close this issue 😄

from redux-storage.

I'll go ahead and close this issue now, as it seems to be inactive / solved. Feel free to reopen if this issue still exists!

from redux-storage.