No Zone, No Problem - Building Angular Apps without Zone.js

on YouTube ↗30m

" summary

Angular claims zoneless is stable since 20.2 and becomes the default in Angular 21, shaving about 33 KB from bundles and removing automatic global change detection. The demo migrates an Angular app: remove zonejs, swap to zoneless change detection, fix broken updates caused by setInterval by replacing it with signals + async pipe + markForCheck, and verify triggers (bound events, input sets, HTTP resource) while noting timers and raw observables do not trigger change detection. The migration ultimately works after those fixes.

AI-written summary · about

" chapters (15)

1. 0:00Angular without Zone.js
2. 1:11Demo app and Zone.js role
3. 3:22Zone.js triggers change detection
4. 6:35Default vs OnPush explained
5. 8:49Switching to OnPush
6. 12:06Optimizing with markForCheck and async pipe
7. 14:21Using Signals for reactivity
8. 15:46Mixed change detection strategies
9. 18:45Signals and local change detection
10. 20:35Zoneless setup
11. 22:06Migrating to zoneless
12. 23:56Triggers in zoneless apps
13. 25:05Demo in zoneless mode
14. 27:12Fixing errors and finalizing
15. 27:55Farewell to Zone.js

" related talks

• 37mGet ready to go ZonelessDavide Passafaro · angularday 2024
• 41mState of change detection in Angular and how far are we from Zoneless applications ?M. Riegler · Voxxed Days Zürich 2024
• 01h 11mFully Zone-less — High-Performance Angular Applications in Post IVYMichael Hladky · HolyJS 2020 Moscow
• 44mThe Future of Angular: Faster, Lighter, StrongerLoïc Magnette · Voxxed Days Zürich 2025
• 31mCan you imagine a future without zones?Max Koretskyi · ngVikings 2019
• 23mPartially Zoneless Performance tuning without big bang refactoringMichael Hladky · ng-conf 2022
• 40mThe Future of Angular: Faster, Lighter, StrongerLoïc Magnette · Voxxed Days Thessaloniki 2025
• 25mCan you imagine a future without zones?Maxim Koretskyi · ng-conf 2019