2018 - The Year of Web Components
summary
Claims that 2018 makes web components viable get illustrated with concrete tooling and demos: polyfills plus LitElement build a reusable emoji-rating component, published to NPM and integrated into an Angular app using customElementsSchema (works, requires es2015 classes and a small change-detection workaround). Stencil compiles JSX/TypeScript into web components; Polymer v3 and shady CSS polyfill fill gaps. Evidence includes fragmentation (over a thousand date‑picker packages), shadow DOM encapsulation, template cloning performance, and an actual component that renders, fires change events, and styles via CSS custom properties.
AI-written summary · about
chapters (11)
- 0:00Start
- 1:19The dream
- 3:09"Bootstrap" approach
- 4:34JavaScript API
- 5:47"Share button" style
- 9:13Custom Elements Definition
- 10:50Custom Elements Attributes
- 11:19Custom Elements Properties
- 12:37HTML Templates
- 42:53What about Stencil
- 57:15Resources
