Angular 2 change detection explained

on YouTube ↗33m

" summary

Angular 2 claims change detection is extremely fast by generating VM‑friendly per‑component change detector code and running a single top‑down pass after async work. It uses ZonesJS to monkey‑patch async APIs so NG Zone calls tick, supports OnPush with immutable inputs to skip subtrees, and uses observables plus ChangeDetectorRef.markForCheck to reopen paths. Demos show skipping a subtree in a 17 components tree and performing hundreds of thousands of checks in milliseconds.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 1:04CHANGE DETECTION?
3. 13:31WHAT THE HECK IS THE EVENT LOOP ANYWAY?
4. 22:02SMARTER CHANGE DETECTION
5. 29:03OBSERVABLES
6. 31:46DEMO

" related talks

• 44mAngular 2 Change Detection ExplainedPascal Precht · NG-NL 2016
• 46mAngular 2 Change Detection ExplainedPascal Precht · enterJS 2016
• 01h 02mChange Detection, Zone.js and Other MonstersFrancesco Sciuti · Angular Day 2018
• 19mThe Magic and Mystery of Angular Change DetectionAnthony Scardapane · ng-conf 2023
• 41mState of change detection in Angular and how far are we from Zoneless applications ?M. Riegler · Voxxed Days Zürich 2024
• 25mCan you imagine a future without zones?Maxim Koretskyi · ng-conf 2019
• 30mOptimize and debug change detection like a proMax NgWizard · Angular Connect 2018
• 31mCan you imagine a future without zones?Max Koretskyi · ngVikings 2019