Angular 2 Change Detection Explained
summary
Explains how Angular 2 uses Zones (NgZone subscribes to onTurnDone → tick) to trigger a top‑to‑bottom, single‑pass change detection, and how the framework generates runtime monomorphic change‑detector classes for VM speed (claims up to 10× faster than Angular 1 and hundreds of thousands of checks in milliseconds). Shows demos with a 17‑component tree that skip entire subtrees using OnPush + immutable.js or observables (mark path‑to‑root), and how to detach/reattach change detector for manual control.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 1:38What is change detection
- 8:41How zones work
- 19:40Change detection in Angular 2
- 23:53Performance optimizations
- 27:00Immutable data structures
- 35:23Observable data streams
- 40:21Manual change detection control
- 44:15Q&A
related talks
33mAngular 2 change detection explained
46mAngular 2 Change Detection Explained
01h 02mChange Detection, Zone.js and Other Monsters
41mState of change detection in Angular and how far are we from Zoneless applications ?
19mThe Magic and Mystery of Angular Change Detection
25mCan you imagine a future without zones?
31mCan you imagine a future without zones?
30mOptimize and debug change detection like a pro