Angular, MobX, happiness
summary
Demonstrates using MobX with Angular 2 (and Angular 1 plans) to derive view state from a tiny mutable model so only dependent pieces update, not the whole app. Claims MobX gives “Angular 1 digest magic” but far more efficient, shows MobX observable/computed used to derive filtered and selected lists, explains Zones force full change detection so components must use OnPush, and ships an ng2-mobx 64-line connector that hooks MobX into Angular change detection and works in the demo, reducing recalculations to one per relevant change.
AI-written summary · about
chapters (9)
- 0:00Introduction and use case
- 2:36Imperative vs. declarative
- 4:35Performance challenges
- 6:47Introduction to MobX
- 9:33Implementing MobX state
- 14:41Connecting MobX to Angular
- 17:18Demonstration of reactivity
- 20:44Optimizing with OnPush
- 23:46Conclusion and comparison
related talks
22mPerformance and Sanity
52mAngular Loves Data
27mBuilding Angular 2 Application with Redux
59mMobX and the unique symbiosis of predictability and speed
34mReactive State Management For Your Angular App
27mAngular Architecture: From Patterns to Implementation
44mThe Future of Angular: Faster, Lighter, Stronger
54mReactive Angular 2
