Redux Saga, the Viking way to manage side effects
summary
Claims that Redux-Saga isolates and orchestrates complex side effects by combining ES6 generators with promises and a library of declarative effects, not just another async pattern. Shows concrete tools—takeEvery, takeLatest cancellation, fork/spawn, channels and eventChannel for WebSockets—and a running example wiring an online chess game: sound manager, WebSocket event handling, task cancellation and buffering. Works for complex orchestration; recommends Redux‑Thunk for simple API calls and learning generators first.
AI-written summary · about
chapters (30)
- 0:00Start
- 4:20What we need
- 5:56Redux-thunk
- 8:39Originally in C.S.
- 10:05But nowadays
- 11:11First generator
- 13:13Passing values to generators
- 14:52Similar, in a loop
- 15:17With async code + promises
- 17:42Setup
- 18:31Simple problem: How to play a sound?
- 19:17Naive solution
- 21:44Using sagas
- 22:39Example: Play sound (call)
- 23:06Declarative effects
- 24:04Example: Play sound (takeEvery)
- 24:25Dispatching (put)
- 24:44Ajax example
- 25:32takeLatest
- 26:26Non-blocking (fork)
- 27:05Cancellation (cancel)
- 28:08Non-blocking detached (spawn)
- 29:17Parallel (all)
- 29:29Races (race)
- 30:17Watch and fork pattern
- 30:53Sequentially, using channels
- 31:16Connect + listen from socket
- 31:46Obtaining the state (select)
- 32:23Summary
- 32:52Takeaways
related talks
19mHandling Side Effects in Redux With Redux-Saga
42mRedux-Saga — Generators, Side Effects, Channels
27mKeep Your Sanity with Redux Sagas
21mLet's Sync the Async- A Primer on Redux Sagas
21mBetter Async with Redux Saga
45mRedux and Redux-saga to manage states in a large React app
45mPushing it to the edge
46mDo This, Not That! Side-Effect Management in UIs