Change Detection Reinvented

on YouTube ↗19m

" summary

Change detection becomes a tree instead of a cyclic graph so updates follow the template order and the system enforces a single-pass digest, eliminating multiple iterations. Templates compile into per-component, monomorphic checks that reduce check cost and make change detection 3x to 10x faster empirically. Immutable models let the engine skip whole subtrees (N → M checks) and observable models mark the path to root so only affected branches are rechecked, avoiding repeated re-renders.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 0:25What is Change Detection?
3. 9:34Smarter Change Detection
4. 13:27RxJS, Backbone Models, Knockout Models, Object.observe

" related talks

• 33mAngular 2 change detection explainedPascal Precht · RuhrJS 2016
• 45mChange detection in JS frameworksNemanja Bubnjević · Armada JS 2019
• 44mAngular 2 Change Detection ExplainedPascal Precht · NG-NL 2016
• 30mOptimize and debug change detection like a proMax NgWizard · Angular Connect 2018
• 01h 02mChange Detection, Zone.js and Other MonstersFrancesco Sciuti · Angular Day 2018
• 19mThe Magic and Mystery of Angular Change DetectionAnthony Scardapane · ng-conf 2023
• 46mAngular 2 Change Detection ExplainedPascal Precht · enterJS 2016
• 41mState of change detection in Angular and how far are we from Zoneless applications ?M. Riegler · Voxxed Days Zürich 2024