Evolving the Next Generation of Polymer Elements
summary
Polymer 2 and ES modules power a tightly modular element strategy: a tiny base class built on PropertyAccessors produces a simple-input that clocks ~3 KB min+gzip versus the legacy hybrid paper-input (about 10x smaller) and renders roughly 5x faster by using a decorator pattern (light-DOM input) and lazy work. Extension via native classes and overridable template fragments handles added features, and styling shifts from an @apply shim toward ::part/::theme for theming (native in ~1–2 years).
AI-written summary · about
chapters (14)
- 0:00Intro
- 0:40What Needs Improvement
- 2:01Reusable Elements
- 2:39Hybrid Elements
- 3:48Paper Input Elements
- 4:17Modular Design
- 6:43Simple Element
- 7:43Simple Input
- 11:29Extending Elements
- 12:05JavaScript Templates
- 14:24String Template literals
- 14:41Input Template customization
- 16:13CSS Custom Properties
- 19:39Part
