TypeScript FSA utilities for redux-saga used by BIKO
MIT License
npm install --save typescript-fsa-redux-saga-extended
bindAsyncAction(actionCreators: AsyncActionCreators): HigherOrderSaga
Creates higher-order-saga that wraps target saga with async actions, mainly based on typescript-fsa-redux-saga.
Main differences withtypescript-fsa-redux-saga:
takeLatest/takeEvery
{params}
objectstarted
action. This avoids the need for a trigger
action, because instead of having another dummy action just for triggering, you can use that started
action as a trigger.done
/failed
upon finish.Example:
// actions.ts
import actionCreatorFactory from 'typescript-fsa';
const actionCreator = actionCreatorFactory();
// specify parameters and result shapes as generic type arguments
export const doSomething = actionCreator.async<
{ foo: string }, // parameter type
{ bar: number } // result type
>('DO_SOMETHING');
// saga.ts
import { SagaIterator } from 'redux-saga';
import { call } from 'redux-saga/effects';
import { doSomething } from './actions';
const doSomethingWorker = bindAsyncAction(doSomething)(function*(
action,
): SagaIterator {
const bar = yield call(fetchSomething, action.payload.foo);
return { bar };
});
function* watchIncrementAsync() {
yield takeLatest(doSomethingWorkerActionCreator.started, doSomethingWorker);
}