Web Components with Angular Elements: Beyond the Basics
summary
Angular Elements wraps Angular components as framework-independent custom elements and demonstrates concrete techniques: use document.createElement and customElements.define plus ngModuleFactoryLoader for lazy loading, produce a debug 7.7 KB lazy bundle (about half in production), build a single distributable file with ngx-build-plus and load it via dynamic script tags but observe a bloated 427 KB external bundle unless Ivy or dependency-sharing removes duplicates; notes on zone.js, polyfills, content projection and when Ivy actually shrinks UI-only code.
AI-written summary · about
chapters (12)
- 0:00Intro
- 0:29What is Angular Elements
- 1:49Overview
- 3:23Basics
- 4:08Dynamic Elements
- 6:10Lazy Loading
- 9:38External Elements
- 10:50Bundle Sizes
- 13:37IV Integration
- 14:55Can it help
- 16:35Summary
- 17:18Outro
related talks
33mBuild Web Components with Angular Elements
28mAngular and Webcomponents
34mAngular Elements
28mAngular Elements: From Angular to Web Components
25mWeb components with Angular: The what, the why and the how.
25mI'm with Web Components and Web Components Are with Me
34mAngular Elements
34mAngular Elements