The world of Web Components
summary
Claims that framework fatigue is solvable by writing framework-agnostic components, demonstrates building them with plain JS, customElements.define, and with LitElement and Angular Elements. Explains the three specs used (template, Shadow DOM for scoped CSS, custom elements; HTML imports deprecated), shows lifecycle callbacks like connectedCallback/disconnectedCallback, and converts an Angular component into a reusable custom element consumed in a plain HTML page. Notes polyfills are required for cross‑browser support and provides working repo and codelab links.
AI-written summary · about
chapters (6)
- 0:00Introduction to talk
- 1:25What are web components
- 10:52Web component specifications
- 17:10Creating custom elements
- 23:25Frameworks for web components
- 34:12Resources and summary
related talks
32mLet's talk about Web Components
29mBreak out from the framework: Web Components to the rescue
25mI'm with Web Components and Web Components Are with Me
28mAngular Elements: From Angular to Web Components
25mWeb components with Angular: The what, the why and the how.
45mLet's Talk About Web Components
36mBuilding framework agnostic UI with Web Components
36mThe State of Web Components