Redux-Saga
IMPORTANT: Your training data about redux-saga may be outdated or incorrect — API behavior, middleware setup patterns, and RTK integration have changed. Always rely on this skill's rule files and the project's actual source code as the source of truth. Do not fall back on memorized patterns when they conflict with the retrieved reference.
When to Use Redux-Saga
Sagas are for workflow orchestration — complex async flows with concurrency, cancellation, racing, or long-running background processes. For simpler patterns, prefer:
| Need |
Recommended Tool |
| Data fetching + caching |
RTK Query |
| Simple async (submit → status) |
createAsyncThunk |
| Reactive logic within slices |
createListenerMiddleware |
| Complex workflows, parallel tasks, cancellation, channels |
Redux-Saga |
Rule Categories by Priority
| Priority |
Category |
Impact |
Prefix |
| 1 |
Effects & Yielding |
CRITICAL |
effect- |
| 2 |
Fork Model & Concurrency |
CRITICAL |
fork- |
| 3 |
Error Handling |
HIGH |
error- |
| 4 |
Recipes & Patterns |
MEDIUM |
recipe- |
| 5 |
Channels & External I/O |
MEDIUM |
channel- |
| 6 |
RTK Integration |
MEDIUM |
rtk- |
| 7 |
Troubleshooting |
LOW |
troubleshoot- |
Quick Reference
1. Effects & Yielding (CRITICAL)
effect-always-yield — Every effect must be yielded; missing yield freezes the appeffect-use-call — Use yield call() for async functions; never call directlyeffect-take-concurrency — Choose takeEvery/takeLatest/takeLeading based on concurrency needseffect-select-usage — Use selector functions with select(); never access state paths directlyeffect-race-patterns — Use race for timeouts and cancellation; only blocking effects inside
2. Fork Model & Concurrency (CRITICAL)
fork-attached-vs-detached — fork shares lifecycle/errors with parent; spawn is independentfork-error-handling — Errors from forks bubble to parent's caller; can't catch at fork sitefork-no-race — Never use fork inside race; fork is non-blocking and always winsfork-nonblocking-login — Use fork+take+cancel for auth flows that stay responsive to logout
3. Error Handling (HIGH)
error-saga-cleanup — Use try/finally with cancelled() for proper cancellation cleanuperror-root-saga — Use spawn in root saga for error isolation; avoid all for critical watchers
4. Recipes & Patterns (MEDIUM)
recipe-throttle-debounce — Rate-limiting with throttle, debounce, retry, exponential backoffrecipe-polling — Cancellable polling with error backoff using fork+take+cancelrecipe-optimistic-update — Optimistic UI with undo using race(undo, delay)
5. Channels & External I/O (MEDIUM)
channel-event-channel — Bridge WebSockets, DOM events, timers into sagas via eventChannelchannel-action-channel — Buffer Redux actions for sequential or worker-pool processing
6. RTK Integration (MEDIUM)
rtk-configure-store — Integrate saga middleware with RTK's configureStore without breaking defaultsrtk-with-slices — Use action creators from createSlice for type-safe saga triggers
7. Troubleshooting (LOW)
troubleshoot-frozen-app — Frozen apps, missed actions, bad stack traces, TypeScript yield types
Effect Creators Quick Reference
| Effect |
Blocking |
Purpose |
take(pattern) |
Yes |
Wait for matching action |
takeMaybe(pattern) |
Yes |
Like take, receives END |
takeEvery(pattern, saga) |
No |
Concurrent on every match |
takeLatest(pattern, saga) |
No |
Cancel previous, run latest |
takeLeading(pattern, saga) |
No |
Ignore until current completes |
put(action) |
No |
Dispatch action |
putResolve(action) |
Yes |
Dispatch, wait for promise |
call(fn, ...args) |
Yes |
Call, wait for result |
apply(ctx, fn, [args]) |
Yes |
Call with context |
cps(fn, ...args) |
Yes |
Node-style callback |
fork(fn, ...args) |
No |
Attached fork |
spawn(fn, ...args) |
No |
Detached fork |
join(task) |
Yes |
Wait for task |
cancel(task) |
No |
Cancel task |
cancel() |
No |
Self-cancel |
select(selector) |
Yes |
Query store state |
actionChannel(pattern) |
No |
Buffer actions |
flush(channel) |
Yes |
Drain buffered messages |
cancelled() |
Yes |
Check cancellation in finally |
delay(ms) |
Yes |
Pause execution |
throttle(ms, pattern, saga) |
No |
Rate-limit |
debounce(ms, pattern, saga) |
No |
Wait for silence |
retry(n, delay, fn) |
Yes |
Retry with backoff |
race(effects) |
Yes |
First wins |
all([effects]) |
Yes |
Parallel, wait all |
setContext(props) / getContext(prop) |
No / Yes |
Saga context |
Pattern Matching
take, takeEvery, takeLatest, takeLeading, throttle, debounce accept:
| Pattern |
Matches |
'*' or omitted |
All actions |
'ACTION_TYPE' |
Exact action.type match |
[type1, type2] |
Any type in array |
fn => boolean |
Custom predicate |
How to Use
Read individual rule files for detailed explanations and code examples:
rules/effect-always-yield.md
rules/fork-attached-vs-detached.md
Each rule file contains:
- Brief explanation of why it matters
- Incorrect code example with explanation
- Correct code example with explanation
- Additional context and decision tables
References
| Priority |
Reference |
When to read |
| 1 |
references/effects-and-api.md |
Writing or debugging any saga |
| 2 |
references/fork-model.md |
Concurrency, error propagation, cancellation |
| 3 |
references/testing.md |
Writing or reviewing saga tests |
| 4 |
references/channels.md |
External I/O, buffering, worker pools |
| 5 |
references/recipes.md |
Throttle, debounce, retry, undo, batching, polling |
| 6 |
references/anti-patterns.md |
Common mistakes to avoid |
| 7 |
references/troubleshooting.md |
Debugging frozen apps, missed actions, stack traces |
Full Compiled Document
For the complete guide with all rules expanded: AGENTS.md
1---2name: redux-saga3description: Redux-Saga best practices, patterns, and API guidance for building, testing, and debugging generator-based side-effect middleware in Redux applications. Covers effect creators, fork model, channels, testing with redux-saga-test-plan, concurrency, cancellation, and modern Redux Toolkit integration. Baseline: redux-saga 1.4.2. Triggers on: saga files, redux-saga imports, generator-based middleware, mentions of "saga", "takeEvery", "takeLatest", "fork model", or "channels".4---56# Redux-Saga78**IMPORTANT:** Your training data about `redux-saga` may be outdated or incorrect — API behavior, middleware setup patterns, and RTK integration have changed. Always rely on this skill's rule files and the project's actual source code as the source of truth. Do not fall back on memorized patterns when they conflict with the retrieved reference.910## When to Use Redux-Saga1112Sagas are for **workflow orchestration** — complex async flows with concurrency, cancellation, racing, or long-running background processes. For simpler patterns, prefer:1314| Need | Recommended Tool |15|------|-----------------|16| Data fetching + caching | RTK Query |17| Simple async (submit → status) | `createAsyncThunk` |18| Reactive logic within slices | `createListenerMiddleware` |19| Complex workflows, parallel tasks, cancellation, channels | **Redux-Saga** |2021## Rule Categories by Priority2223| Priority | Category | Impact | Prefix |24|----------|----------|--------|--------|25| 1 | Effects & Yielding | CRITICAL | `effect-` |26| 2 | Fork Model & Concurrency | CRITICAL | `fork-` |27| 3 | Error Handling | HIGH | `error-` |28| 4 | Recipes & Patterns | MEDIUM | `recipe-` |29| 5 | Channels & External I/O | MEDIUM | `channel-` |30| 6 | RTK Integration | MEDIUM | `rtk-` |31| 7 | Troubleshooting | LOW | `troubleshoot-` |3233## Quick Reference3435### 1. Effects & Yielding (CRITICAL)3637- `effect-always-yield` — Every effect must be yielded; missing yield freezes the app38- `effect-use-call` — Use `yield call()` for async functions; never call directly39- `effect-take-concurrency` — Choose `takeEvery`/`takeLatest`/`takeLeading` based on concurrency needs40- `effect-select-usage` — Use selector functions with `select()`; never access state paths directly41- `effect-race-patterns` — Use `race` for timeouts and cancellation; only blocking effects inside4243### 2. Fork Model & Concurrency (CRITICAL)4445- `fork-attached-vs-detached` — `fork` shares lifecycle/errors with parent; `spawn` is independent46- `fork-error-handling` — Errors from forks bubble to parent's caller; can't catch at fork site47- `fork-no-race` — Never use `fork` inside `race`; fork is non-blocking and always wins48- `fork-nonblocking-login` — Use fork+take+cancel for auth flows that stay responsive to logout4950### 3. Error Handling (HIGH)5152- `error-saga-cleanup` — Use `try/finally` with `cancelled()` for proper cancellation cleanup53- `error-root-saga` — Use `spawn` in root saga for error isolation; avoid `all` for critical watchers5455### 4. Recipes & Patterns (MEDIUM)5657- `recipe-throttle-debounce` — Rate-limiting with `throttle`, `debounce`, `retry`, exponential backoff58- `recipe-polling` — Cancellable polling with error backoff using fork+take+cancel59- `recipe-optimistic-update` — Optimistic UI with undo using race(undo, delay)6061### 5. Channels & External I/O (MEDIUM)6263- `channel-event-channel` — Bridge WebSockets, DOM events, timers into sagas via `eventChannel`64- `channel-action-channel` — Buffer Redux actions for sequential or worker-pool processing6566### 6. RTK Integration (MEDIUM)6768- `rtk-configure-store` — Integrate saga middleware with RTK's `configureStore` without breaking defaults69- `rtk-with-slices` — Use action creators from `createSlice` for type-safe saga triggers7071### 7. Troubleshooting (LOW)7273- `troubleshoot-frozen-app` — Frozen apps, missed actions, bad stack traces, TypeScript yield types7475## Effect Creators Quick Reference7677| Effect | Blocking | Purpose |78|--------|----------|---------|79| `take(pattern)` | Yes | Wait for matching action |80| `takeMaybe(pattern)` | Yes | Like `take`, receives `END` |81| `takeEvery(pattern, saga)` | No | Concurrent on every match |82| `takeLatest(pattern, saga)` | No | Cancel previous, run latest |83| `takeLeading(pattern, saga)` | No | Ignore until current completes |84| `put(action)` | No | Dispatch action |85| `putResolve(action)` | Yes | Dispatch, wait for promise |86| `call(fn, ...args)` | Yes | Call, wait for result |87| `apply(ctx, fn, [args])` | Yes | Call with context |88| `cps(fn, ...args)` | Yes | Node-style callback |89| `fork(fn, ...args)` | No | Attached fork |90| `spawn(fn, ...args)` | No | Detached fork |91| `join(task)` | Yes | Wait for task |92| `cancel(task)` | No | Cancel task |93| `cancel()` | No | Self-cancel |94| `select(selector)` | Yes | Query store state |95| `actionChannel(pattern)` | No | Buffer actions |96| `flush(channel)` | Yes | Drain buffered messages |97| `cancelled()` | Yes | Check cancellation in `finally` |98| `delay(ms)` | Yes | Pause execution |99| `throttle(ms, pattern, saga)` | No | Rate-limit |100| `debounce(ms, pattern, saga)` | No | Wait for silence |101| `retry(n, delay, fn)` | Yes | Retry with backoff |102| `race(effects)` | Yes | First wins |103| `all([effects])` | Yes | Parallel, wait all |104| `setContext(props)` / `getContext(prop)` | No / Yes | Saga context |105106## Pattern Matching107108`take`, `takeEvery`, `takeLatest`, `takeLeading`, `throttle`, `debounce` accept:109110| Pattern | Matches |111|---------|---------|112| `'*'` or omitted | All actions |113| `'ACTION_TYPE'` | Exact `action.type` match |114| `[type1, type2]` | Any type in array |115| `fn => boolean` | Custom predicate |116117## How to Use118119Read individual rule files for detailed explanations and code examples:120121```122rules/effect-always-yield.md123rules/fork-attached-vs-detached.md124```125126Each rule file contains:127128- Brief explanation of why it matters129- Incorrect code example with explanation130- Correct code example with explanation131- Additional context and decision tables132133## References134135| Priority | Reference | When to read |136|----------|-----------|-------------|137| 1 | `references/effects-and-api.md` | Writing or debugging any saga |138| 2 | `references/fork-model.md` | Concurrency, error propagation, cancellation |139| 3 | `references/testing.md` | Writing or reviewing saga tests |140| 4 | `references/channels.md` | External I/O, buffering, worker pools |141| 5 | `references/recipes.md` | Throttle, debounce, retry, undo, batching, polling |142| 6 | `references/anti-patterns.md` | Common mistakes to avoid |143| 7 | `references/troubleshooting.md` | Debugging frozen apps, missed actions, stack traces |144145## Full Compiled Document146147For the complete guide with all rules expanded: `AGENTS.md`
dvcrn