What are Custom Elements good for?
summary
Shows a live yellow-element demo that registers an ES6 class element, uses connectedCallback, attributeChangedCallback and getters/setters to reflect properties, and fires CustomEvent for inter-component messaging. Notes Shadow DOM polyfills only shim behavior and have limitations, and that transpiling ES6 classes to ES5 breaks native custom elements unless a compatibility plugin is used. Calls out integration gaps such as React synthetic event mismatch and the reality that adoption in production remains limited.
AI-written summary · about
chapters (20)
- 0:00Intro
- 0:38Who am I
- 1:24Web Components vs Polymer
- 2:17What is Polymer
- 2:34Component Architecture
- 3:08Component Libraries
- 4:04HTML Templates
- 8:20History
- 9:37Bad news
- 11:14Custom Elements
- 11:45Implementation
- 13:49Demo
- 16:25Callbacks
- 17:33Attributes
- 22:16Inner HTML
- 24:53Production
- 25:13Why abstraction
- 26:17lifesaver
- 27:13web components work everywhere
- 29:21new wheel
