Composing actions

With redux-thunk I can dispatch(actionA).then(() => dispatch(actionB)). For example, I have a form that I want to populate with initial values. Dispatching actionA allows me to get these initial values (by sending an async fetch). Dispatching actionB initializes the form with these values.

With sagas I can’t do the above, because dispatches don’t return promises. I have to create a new action - actionAandB - along with a new saga that combines the logic of actionA and actionB. Is there a more idiomatic way to do this instead of creating a new action, and a new saga for that action?

[slorber]

So, you are dispatching promises, because fetchNote(id) is likely to return a promise. Thus please try what I have written above and if this does not work open a feature request

[slorber]

If your dispatch function returns promise, it’s probably because you use some promise middleware.

It is possible to wait for promises in redux-saga, have you tried the following?

const actionAPromise = yield put(actionA);
const actionAResult = yield actionAPromise;
const actionBPromise = yield put(actionB);
const actionBResult = yield actionBPromise;

I’m not sure if currently the put effect does return the result of the dispatch method however but you can try that.

Also, why do you want to mix redux-saga code with promise middleware? If you start to use sagas you would tend to dispatch only synchronous actions and manage effects inside sagas directly.