I'm making use of redux-saga for my web app, however I've hit a point where I want to be able to create a single saga that handles multiple different request types. In order to do this I want to be able to use take or takeEvery with a reg-ex. For example:

'foo/SOME_REQUEST'
'bar/SOME_REQUEST'
'baz/SOME_REQUEST'

Should all be handled through something like so:

yield takeEvery('*/SOME_REQUEST', handler);

Does anyone know if this is possible or how it can be achieved?

I'm making use of redux-saga for my web app, however I've hit a point where I want to be able to create a single saga that handles multiple different request types. In order to do this I want to be able to use take or takeEvery with a reg-ex. For example:

'foo/SOME_REQUEST'
'bar/SOME_REQUEST'
'baz/SOME_REQUEST'

Should all be handled through something like so:

yield takeEvery('*/SOME_REQUEST', handler);

Does anyone know if this is possible or how it can be achieved?

• javascript
• ecmascript-6
• redux
• redux-saga

• 1 Looking at the source (github./yelouafi/redux-saga/blob/master/src/internal/…) it looks as though the matcher can be a function, so you should be able to yield takeEvery(predicateFn, handler); – Lee Commented Jun 19, 2016 at 15:17

3 Answers 3

You can use

yield takeLatest( action => /SOME_REQUEST$/.test(action.type), handler)

or

yield take( action => /SOME_REQUEST$/.test(action.type))

as pointed out here by @lukehedger: github issue

Check the doc: take(pattern)

Here is an example code for that.

Demo: http://kuy.github.io/redux-saga-examples/takex.html
GitHub: https://github./kuy/redux-saga-examples/tree/master/takex

You'll need to use a custom effect.

 //effect.js
    
 export const takeEveryRegex = (pattern, saga, ...args) =>
  fork(function* () {
    while (true) {
      const action = yield take("*")
      if (pattern.test(action.type)) {
        yield fork(saga, ...args.concat(action))
      }
    }
  })

Then in your saga, use it according to normal patterns.

//saga.js    

function* formFailureSaga({ payload, action }) {
  yield console.log("form failure SAGA", payload, action)
}
    
export function* watchFormFailureSaga() {
  yield takeEveryRegex(/^FAILURE[/s/S]*((?=.*FORM))/, formFailureSaga)
}