Angular Elements and Zone-Less Components in Production

on YouTube ↗24m

" summary

Presents four concrete bundling strategies for Angular Elements, explaining when each reduces bundle size or speeds builds, and shows how to configure builds via the Angular architect API. Describes handling multiple Zone.js instances and third-party libraries robustly, and gives a recipe to build zone-less Angular components and produce all Angular Element variants with a single command that works even without zone.js.

AI-written summary · about

" chapters (6)

1. 0:00Angular Elements intro
2. 3:26Core concepts
3. 8:38Zone-Less in production
4. 15:06Performance trade-offs
5. 20:03Use cases & examples
6. 22:59Summary

" related talks

• 19mWeb Components with Angular Elements: Beyond the BasicsManfred Steyer · ng-conf 2019
• 30mNo Zone, No Problem - Building Angular Apps without Zone.jsBrygida Fiejdasz · angularday 2025
• 01h 18mA Deep Look At Angular ElementsManfred Steyer · ng-conf 2019
• 44mThe Future of Angular: Faster, Lighter, StrongerLoïc Magnette · Voxxed Days Zürich 2025
• 28mAngular and WebcomponentsAna Cidre, Sherry List · Frontend Developer Love 2019
• 53mFully Zone-Less - High-Performance Angular applications in post IVYMichael Hladky · AngularUP Experience 2020
• 28mAngular ElementsRob Wormald · AngularConnect 2017
• 32mLightweight Architectures with Angular's Latest InnovationsManfred Steyer · NG-BE 2023