hof thunks: chaining

hof-thunks-0-then-decorators.js

// my-app/api/thunk-utils.js

// ... previous decorators.

export function then(mapResToCreateNextThunk) {
  return (createThunk) => (params, meta) => async (dispatch, getState) => {
    const res = await dispatch(createThunk(params, meta));
    if (res.error) return res;
    return dispatch(mapResToCreateNextThunk(res, getState())(params, meta));
  };
}

// NOTE: A utility thunk _creator_, not a decorator!
export function resolvingWith(mapArgs) {
  return (params, meta) => (dispatch, getState) => mapArgs(getState(), params, meta);
}

hof-thunks-1-decorated-dispatch-prop.js

import { myEndpoint } from 'my-app/api/thunks';
import * as thunk from 'my-app/api/thunk-utils';
// ... other sundry imports.

export default compose(
  connect(
    null,
    (dispatch, ownProps) => ({
      getMyResource: compose(
        thunk.map(dispatch),
        thunk.withParams({
          name: ownProps.name,
          order: 'asc',
        }),
        thunk.then((res, state) => (
          resHasRelated(res)
          ? compose(
            thunk.withParams({ relatedId: res.relatedId })
          )(myRelatedEndpoint)
          : thunk.resolvingWith(() => res)
        ))
      )(myEndpoint),
    })
  )
)(class MyResourceDisplay extends PureComponent {
  // usual...
});