Custom Elements in Production
summary
Seattle Times runs raw Custom Elements in production for two years on a site with millions of pageviews, polyfilling only a 4K gzipped shim for custom elements. The codebase ships reusable elements like image-slider, an SVG map element that downloads one SVG once and inlines it for many instances while buffering style calls, and a declarative Leaflet map with tile-layer and marker child elements that expose a .map property and lookup API. Elements communicate via events and properties, follow single-responsibility, and work across v0/v1 upgrade callbacks.
AI-written summary · about
chapters (7)
- 0:00Introduction and background
- 3:55Understanding web components
- 5:25Practical use cases
- 8:53Implementation methodology
- 12:00Showcasing component examples
- 18:56Design principles and best practices
- 24:13Evolution and future of specs
