Change Detection, Zone.js and Other Monsters
summary
Describes how Angular performs change detection, showing concrete code, demos and profiler timings. Covers Zone.js monkey-patching of async APIs to trigger change detection, using ChangeDetectorRef methods (detach, markForCheck, detectChanges) and runOutsideAngular to avoid unnecessary cycles, and when OnPush needs immutable data or explicit events. Includes a live demo toggling detection on a component and examines Ivy’s per-component compilation claim and its actual effects on bundles and runtime.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 3:23Frameworks help apps
- 8:01State to UI sync
- 12:58Angular change detection
- 22:34Optimizing change detection
- 33:39Zone.js async events
- 49:52Zone.js optimizations
- 50:13Angular Ivy rendering
- 1:01:00Q&A
related talks
44mAngular 2 Change Detection Explained
33mAngular 2 change detection explained
19mThe Magic and Mystery of Angular Change Detection
25mCan you imagine a future without zones?
46mAngular 2 Change Detection Explained
41mState of change detection in Angular and how far are we from Zoneless applications ?
31mCan you imagine a future without zones?
30mOptimize and debug change detection like a pro