As promised. I've animated for you! There and Back Again with... ...#Angular CD and Zone.js Let's dive into explanation 👇 ZONE (1..n): • Zone.js handles multiple asynchronous Angular events. TICK: • Zone's trigger for Angular's re-evaluation. Blue Box: • Angular application root initiating change detection. Angular logos: • Components under active change detection. Dark Green with Red Up Arrows: • "OnPush" components that re-evaluate on state changes. Light Green with Gray Up Arrows: • Components skipped due to unchanged inputs. Gray Dotted Arrows: • Regular Change detection re-evaluating all components. "CHANGE" Nodes: • Asynchronous events captured by Zone.js. Purple Dotted Arrows Paths: • Asynchronous event tracks leading to component updates. ZONE-TICK Sync: • Detected changes in Zone.js activate Angular's "TICK" method. Original diagram a courtesy of: @PushBased & @Michael_Hladky Re-created & animated by: Me :)