Deep dive into zone.js
summary
Zone.js monkey-patches browser async APIs and attaches an execution context to async tasks; the demo builds web components with TypeScript, webpack and lit-html and implements change detection by forking a zone and using onInvokeTask counter-based change detection that increments on schedule and decrements on completion. The code also shows using zone hooks for performance timing, long stack traces, test time control (faking XHR/fetch) and a simple component registry so rendering happens centrally with only a few lines.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:44Understanding the event loop
- 7:17Introduction to zones
- 12:12How zones work
- 15:49Zone composition and hooks
- 19:43Task scheduling mechanics
- 24:32Live demo and implementation
- 33:24Resources and Q&A
related talks
33mMonitor the Angular application with Zone
53mFully Zone-Less - High-Performance Angular applications in post IVY
01h 11mFully Zone-less — High-Performance Angular Applications in Post IVY
37mGet ready to go Zoneless
31mCan you imagine a future without zones?
01h 02mChange Detection, Zone.js and Other Monsters
44mThe Future of Angular: Faster, Lighter, Stronger
30mNo Zone, No Problem - Building Angular Apps without Zone.js