Custom async Redux middleware

userMiddleware.js

const userMiddleware = ({ getState, dispatch }) => next => async action => {
  const result = next(action);
  switch (action.type) {
    case SOME_ACTION:
      const asyncResult = await somethingAsync();
      dispatch(anotherAction(asyncResult));
    break;
    case SOME_OTHER_ACTION:
      const { slice: { stateVariable } } = getState();
      await someProcess(stateVariable);
    break;
  }
  return result;
}

Sorry for the stupid question, but why you need this:

return Promise.resolve(result);

from async function considering async functions always return Promise and it will be the same as just:

return result;

?

@Constantiner it's really funny to meet you here as the only commentator! :) RIA times ;)

@plandem :)

@Constantiner good spot! I originally didn't have the method flagged as async, and had that to return a Promise... will change, thanks!

Hmm. One thing to note: by marking it as async action =>, you are now causing it to always return a promise, which also wraps everything returned by the middleware pipeline after this in a promise as well.

This may not be an issue depending on your setup, but FYI.

omg, that gist is like meeting of old friends now. Before it was @Constantiner and now @markerikson (hello, redux-orm) :)))