Navigating Angular's Evolution for Peak Performance!
summary
Live coding compares default change detection, OnPush, and Angular Signals (Angular 16) using a three-node demo that triggers manual and interval updates. Default uses a checkAlways flag and refreshes the whole component tree; OnPush calls markViewDirty/markForCheck and climbs ancestors; Signals call set and notify consumers so only one component is refreshed when its signal changes. Code for the demo is available via the QR on-screen.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 0:24Change detection and performance
- 1:47Ralph's story on default detection
- 2:31Default detection in Angular
- 5:44OnPush benefits
- 7:13OnPush update marking
- 9:22Live demo: OnPush detection
- 10:24Angular signals role
- 11:26Signals trigger updates
- 13:38Live demo: Signals with OnPush
- 14:42Signals for targeted detection
- 15:04Q&A
related talks
40mThe Future of Angular: Faster, Lighter, Stronger
19mThe Magic and Mystery of Angular Change Detection
51mUnleashing the power of Angular: Navigating the latest releases and transformations
31mSignals & fine grained reactivity in Angular
20mAngular Signals under the Hood
44mThe Future of Angular: Faster, Lighter, Stronger
46mThe Future of Angular: Faster, Lighter, Stronger
19mAngular Signals: A Look Under the Hood and Beyond