creating custom thunk middleware

[necolas]

Any interest in supporting more complex use cases for thunks (like injecting an API client)?

const export myAction = (data) => (dispatch, getState, helpers) => {
  return helpers.client.get(PATH, options).then(doStuff);
}

Doesn't need to be a breaking change; we can export a factory:

export const createThunkMiddleware = (any) => ({ dispatch, getState }) => next => action => {
  if (typeof action === 'function') {
    return action(dispatch, getState, any);
  }
  return next(action);
};

export default createThunkMiddleware();

[gaearon]

I think it’s so small it doesn’t need to fit all use cases. By all means, use a custom one 😉 .

[langpavel]

@gaearon Your middleware is so nice! But real use cases need custom helpers.
I'm end with this tiny factory:

export default function createThunkMiddleware(helpers) {
  return function thunkMiddleware({ dispatch, getState }) {
    return next => action => {
      if (typeof action === 'function') {
        return action(dispatch, getState, helpers);
      }

      return next(action);
    };
  }
}

[langpavel]

Thanks @gaearon. Looks like you hear me and implement this in #70. Thanks!

[gaearon]

Yea, sorry I didn’t give credit. 😄
I saw a few more people doing this and figured it’s worth adding it without making it a breaking change.

[langpavel]

Don't worry about it, this is small change, most important is that it landed :-)