I'm with Web Components and Web Components Are with Me
summary
Shows how browsers implement the Web Components stack—template, ES modules, shadow DOM and custom elements—by building a working collapsible panel first with raw APIs (using attachShadow, template cloning, slots and lifecycle callbacks) and then as an Angular Element via @angular/elements and createCustomElement. Demonstrates that the Angular version works and offloads data binding and change detection, calls out boilerplate, polyfills and Angular runtime size, and names real-world pain: merging apps took three weeks to frame and nine months to migrate; Angular Elements is ~1.5 years old.
AI-written summary · about
chapters (7)
- 0:00Introduction and setup
- 2:39Web Components API overview
- 5:55First demo creating custom element
- 11:11Framework interoperability problem
- 16:17Angular Elements solution
- 17:42Second demo with Angular Elements
- 22:42Summary and key takeaways
related talks
28mAngular Elements: From Angular to Web Components
25mWeb components with Angular: The what, the why and the how.
33mBuild Web Components with Angular Elements
19mWeb Components with Angular Elements: Beyond the Basics
01h 18mA Deep Look At Angular Elements
34mAngular Elements
37mThe world of Web Components
28mAngular and Webcomponents