Named stores

[10xjs]

Specific store levels created by enhancers are difficult to access. By adding the ability to reference each level by name, composition using lift is much more accessible.

Use name('levelName')(enhancer) to add a name property to an enhanced store level. It works by enhancing the enhancer that lifts the store.

Use normalize(store) to flatten the store-parent hierarchy into a named map. The base store originally accessible at store.parent... .parent is accessible as default on the map.

Example Usage

const createNamedStores = compose(
  normalize,
  compose(
    name('ephemeral')(ephemeral),
    name('promise')(promise),
    name('devTools')(devTools)
  )(createStore)
);

const stores = createNamedStores(reducer, initialState);

results in:

{
  ephemeral: {
    ...
    parent: { ... },
    name: 'ephemeral'
  },
  promise: {
    ...
    parent: { ... },
    name: 'promise'
  },
  devTools: {
    ...
    parent: { ... },
    name: 'devTools'
  },
  default: {
    ...
  }
}

[izaakschroeder]

If you want a shorter syntax, shave a line:

for (let current = store; current; current = current.parent) {
  stores[current.name || 'default'] = current;
}

[10xjs]

sure!

[izaakschroeder]

So shiny! 💎 Maybe incorporate the body of your PR into the commits for people looking at the log later. Also spelling on reulting. Great stuff!