combineSagas utility funciton

At the moment we have to do something like

export default function* root() {
    yield [
        fork(saga1),
        fork(saga2),
        fork(saga3),
        fork(saga4)
    ];
}

Would be great to have combineSagas just like redux’s combineReducers. Use it like

export default rootSaga = combineSagas({
    saga1,
    saga2,
    ...
});

[yjcxy12]

I was more aware of the project structural similarities. I’d have “reduces” folder, contains different reducers, and in index.js it would be something like:

import { combineReducers } from 'redux';
import firstReducer from './firstReducer';
import secondReducer from './secondReducer';
import thirdReducer from './thirdReducer';

const rootReducer = combineReducers({
    firstReducer,
    secondReducer,
    thirdReducer
});

export default rootReducer;

I’ve tried to find a way to sort of “combine” all different sagas into a single rootSaga, so that it can be passed into createSagaMiddleware. Couldn’t find it on docs, but in examples it had a pattern. And the “sagas” folder is very similar to “reducers” - having different sagas, and an index.js that exports rootSaga.

import { fork } from 'redux-saga/effects';
import firstSaga from './firstSaga';
import secondSaga from './secondSaga';
import thirdSaga from './thirdSaga';

export default function* rootSaga() {
    yield [
        fork(firstSaga),
        fork(secondSaga),
        fork(thirdSaga),
    ];
}

Just with weird syntax for someone just starting up with redux-saga like me.

Agreed that it’s only very little boilerplate, but at least a mention of creating rootSaga in docs would be great.

[Andarist]

@alfonsodev the downside is that you create iterators here, they will have different identities with each run, so its harder to test. You are also yielding an array, which is deprecated now - you should wrap that array in all effect.

Idiomatic way of using redux-saga is to yield effects (description object) only, although yielding promises and iterators is allowed.

It is also super easy to adjust your code to use effects:

export default function* rootSaga() {
  yield all(map(key => fork(combinedSagas[key]), Object.keys(combinedSagas)))
}

or event shorter

export default function* rootSaga() {
  yield all(map(fork, combinedSagas))
}