Monitor the Angular application with Zone

on YouTube ↗33m

" summary

Shows how Zone.js (and Angular's NgZone) attaches an execution context to async work so code can record exact timings, parent/child relationships and long stack traces across setTimeouts, promises and XHRs. Demos measure nested user actions that produce four separate change‑detection transactions, print per-component render times, count pending macrotasks, auto-release resources when onHasTask goes empty, and expose debug APIs to find who scheduled stray setTimeouts or unload handlers. Includes a prototype monitor zone that maps triggers to rendered components.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 3:28Execution context in zone.js
3. 7:25Async in Javascript Engine
4. 7:42performance counter

" related talks

• 37mDeep dive into zone.jsIlia Idakiev · GDG DevFest Sofia 2019
• 01h 02mChange Detection, Zone.js and Other MonstersFrancesco Sciuti · Angular Day 2018
• 41mState of change detection in Angular and how far are we from Zoneless applications ?M. Riegler · Voxxed Days Zürich 2024
• 44mThe Future of Angular: Faster, Lighter, StrongerLoïc Magnette · Voxxed Days Zürich 2025
• 01h 11mFully Zone-less — High-Performance Angular Applications in Post IVYMichael Hladky · HolyJS 2020 Moscow
• 44mAngular 2 Change Detection ExplainedPascal Precht · NG-NL 2016
• 23mPartially Zoneless Performance tuning without big bang refactoringMichael Hladky · ng-conf 2022
• 30mNo Zone, No Problem - Building Angular Apps without Zone.jsBrygida Fiejdasz · angularday 2025