2018 - The Year of Web Components
summary
Claim: 2018 is the year when web components are practical rather than theoretical. Evidence: browsers implement custom elements, templates and shadow DOM, and polyfills and tooling (lit-element, Stencil, Polymer) make the low‑level API usable. Surprises: npm shows 1200+ date picker packages and 380 React date pickers. Built and demoed: an emoji rating component using lit-element, published to npm, embedded in Create React App and wired to React state, with caveats about attribute vs property and React’s synthetic event handling.
AI-written summary · about
chapters (15)
- 0:00Intro
- 1:11The dream
- 3:01"Bootstrap" approach
- 4:16JavaScript API
- 4:59"Share button" style
- 9:07de Custom Elements Definition
- 11:24de Custom Elements Properties
- 13:05HTML Templates
- 19:38Example 2: web-share-wrapper
- 20:59Extensible Web Manifesto
- 22:31Tooling Past
- 24:22About LitElement
- 38:12What about Stencil
- 39:09My first Stencil Component
- 47:15Resources
