Breaking Down Your Web App
summary
Promise: break a large React + Redux app into self-contained bricks that export five things (component, actions, reducer, sagas, selectors) so each feature ships as a unit. Shows a brick manager that dynamically installs reducers and sagas to enable code splitting, demonstrates lazy loading with React 16.6 Suspense and dynamic import, and integrates with Hooks via a useBrick hook. Includes concrete wiring patterns, Recompose/connect examples, and a working demo of hot-swappable modules.
AI-written summary · about
chapters (10)
- 0:00Start
- 1:09Initial Release
- 3:15Technical Debt
- 7:21Recompose
- 7:45React Storybook
- 8:15Separation of Concerns
- 11:52Hacker News Brick
- 16:05Register Selectors
- 18:42Code Splitting
- 19:05Refactoring
related talks
25mScaling React.js Applications
29mStructure Your App's Story With Sagas and Selectors
51mBuilding React Applications with Redux
18mDestructuring state management (in React)
45mRedux and Redux-saga to manage states in a large React app
29mBuilding Large-Scale Web Apps
15mStop using Redux
14mHow to Share Your Components Online (Fast)