Handling Side Effects in Redux With Redux-Saga

on YouTube ↗19m

" summary

Explains that redux-saga uses ES6 generators and yields to express async flows synchronously, demonstrates effects like takeEvery and takeLatest, call/fork/put/select/delay, shows how to cancel tasks and implement debouncing and retries, and describes testing by iterating generator steps so no promise mocking is needed. Claims it reduces nested callbacks, handles complex coordination across reducers, and recommends using redux-saga only for nontrivial async complexity.

AI-written summary · about

" chapters (11)

1. 0:00Where is the problem
2. 3:17How it works
3. 6:23Superhero lips
4. 6:43ReduxSaga
5. 7:38Parallel Generator
6. 7:51Simplicity
7. 8:19Syntax
8. 10:00Effects
9. 13:44Cancel Saga
10. 17:21Testing
11. 18:19Summary

" related talks

• 41mRedux Saga, the Viking way to manage side effectsNacho Martin · React Alicante 2017
• 27mKeep Your Sanity with Redux SagasTyler Clark · React Day Berlin 2017
• 42mRedux-Saga — Generators, Side Effects, ChannelsI Mingyu · FEConf 2018 Korea
• 21mLet's Sync the Async- A Primer on Redux SagasPreeti Wadhwani · ReactFoo Pune 2018
• 21mBetter Async with Redux SagaKushan Joshi · ReactFoo 2017
• 46mDo This, Not That! Side-Effect Management in UIsYulia Startsev · Lambda World 2017
• 45mPushing it to the edgeEirik Langholm Vullum · NDC Mini Copenhagen 2017
• 54mThe Saga of yield: Hidden CapabilitiesEvgeniy Evseev · РИТ++ 2017