Structure Your App's Story With Sagas and Selectors
summary
Argues that structure matters: concrete choices and tradeoffs, not platitudes. Shows 50–60% of React apps use Redux, compares thunks, redux-saga organizes async flow with generators and redux-observable for complex streams, and promotes selectors and reselect memoizes selectors to keep derived data out of state. Gives real code examples (a detective list app, Joshua Cuomo’s Web Audio demo, Ivan Miranshah’s Trello clone, a Werewolf moderator) and demonstrates what was built, how it’s tested and when each tool actually simplifies maintenance.
AI-written summary · about
chapters (10)
- 0:00Start
- 0:57What is business logic?
- 1:37What kinds of business logic are in the front-end?
- 2:46What's the problem with it?
- 7:28components
- 8:14reducers
- 11:10npm install reselect
- 13:09action creators / npm install redux thunk
- 17:16npm install redux-observable
- 18:38npm install redux-saga
related talks
32mStructuring Your App’s Story With Sagas and Selectors
10mStructure Your App's Story With Sagas and Selectors
30mMake React State-Management great again
45mRedux and Redux-saga to manage states in a large React app
28mBack to React: The Story of Two Apps
36mReact + Redux: Performance & Scalability
18mDestructuring state management (in React)
51mBuilding React Applications with Redux