Structuring Your App’s Story With Sagas and Selectors

on YouTube ↗32m

" summary

Argues that business logic must be decoupled and shows concrete patterns: use selectors and reselect to compute derived data (avoid duplicating state), keep conditional logic in reducers for pure, testable decisions, and use redux-saga generators for complex async flows like token reauth, onboarding steps, and game state. Demos include a small detective app, a Web Audio onboarding, a React Native vaccination app, a client-management app and a werewolf game where sagas successfully centralize process flow.

AI-written summary · about

" chapters (14)

1. 0:00Start
2. 3:32- Data Flow
3. 6:50Data Manipulation
4. 8:23Reducers
5. 11:28Reselect
6. 12:31Conditional Business Logic
7. 13:34Conditional Add To Cart
8. 14:34Principles of Redux
9. 16:18Redux
10. 18:17Redux Observable
11. 22:21Data Manipulation Business Logic
12. 22:54Web Audio Api
13. 26:29Werewolf
14. 31:36How To Learn React

" related talks

• 29mStructure Your App's Story With Sagas and SelectorsRebecca Hill · React Day Berlin 2018
• 10mStructure Your App's Story With Sagas and SelectorsRebecca Hill · React Amsterdam 2018
• 45mRedux and Redux-saga to manage states in a large React appKarina Islam, Mahbubur Rahman Khan · International Javascript Conference 2018 London
• 30mMake React State-Management great againMartin Westphal, Amir Hoseinian · ReactiveConf 2018
• 41mRedux Saga, the Viking way to manage side effectsNacho Martin · React Alicante 2017
• 45mState Management with Redux and Redux-sagaKarina Islam, Mahbubur Rahman Khan · iJS 2018 Spring
• 54mThe Saga of yield: Hidden CapabilitiesEvgeniy Evseev · РИТ++ 2017
• 21mLet's Sync the Async- A Primer on Redux SagasPreeti Wadhwani · ReactFoo Pune 2018