Dedicated composer for redux

Hello, what do you think about having a composeWithRedux dedicated method like react-komposer-redux provides? I think it would DRY up little bit the composers. I would submit a PR if you think it is a good idea.

[markshust]

Just sent a PR. This is a very basic helper for Redux that avoids the need to call onData twice (and needing subscribe().

I’m using this with Mantra. Here is sample usage:

import { useDeps, composeAll } from 'mantra-core';
import composeWithRedux from '/client/modules/core/libs/with_redux';
import Header from '../components/Header';

const onPropsChange = ({ context }, onData) => {
  const { Store } = context();
  const { title } = Store.getState().header;

  onData(null, {
    title,
  });
};

const depsMapper = context => ({
  context: () => context,
});

export default composeAll(
  composeWithRedux(onPropsChange),
  useDeps(depsMapper),
)(Header);

By default it will look in context prop for Store object. The name can be overridden by passing in a storeName options param, and the store itself can be passed in as an option:

Custom name:

export default composeAll(
  composeWithRedux(onPropsChange, null, null, {storeName: 'CustomName'),
  useDeps(depsMapper),
)(Header);

Passing in store (needed if mantra isn’t used):

export default composeAll(
  composeWithRedux(onPropsChange, null, null, {store: Store),
  useDeps(depsMapper),
)(Header);

[arunoda]

@markoshust could you submit a data loader generator for Redux as suggested here. (It’s for react-komposer v2)

May be for mobx as well.

Idea is to have them outside of the core repo. Anyway, we could link them in the README.