Using Custom Elements Today

on YouTube ↗24m

" summary

Claims that Custom Elements are practical today, backed by a tiny shim and examples: a 4k polyfill that targets IE9+; a drop-down implemented as a semantic-dropdown element that auto-initializes and emits DOM events; a GitHub-backed time element that updates and localizes relative timestamps. Implementation uses document.registerElement/webcomponents.js polyfills, reuses jQuery plugins under attached/detached callbacks, and demonstrates working, usable components rather than vague promises.

AI-written summary · about

" chapters (12)

1. 0:00Intro
2. 2:00What are custom elements
3. 5:33More elements
4. 7:17Dropdown elements
5. 8:11Dropdown example
6. 8:39Dropdown custom element
7. 11:16Time element
8. 14:00Semantics Bootstrap
9. 15:52Improved Dropdown
10. 18:42Why are custom elements not out there
11. 19:58Using custom elements today
12. 22:31Questions

" related talks

• 36mECMAScript 6 & Web ComponentsBrian LeRoux · GOTO Chicago 2015
• 30mWhat are Custom Elements good for?Maurizio Mangione · jsDay 2017
• 28mCustom Elements in ProductionThomas Wilburn · CascadiaFest 2016
• 37mThe world of Web ComponentsNishu Goel · AzConf 2020
• 38mCustom Elements EverywhereRob Dodson · Polymer Summit 2017
• 39mWeb components - A whirlwind tourMartin Naumann · Jazoon TechDays Spring 2016 Bern
• 40mWeb Components: It’s about TimeErin Zimmer · iJS London 2019
• 59m2018 - The Year of Web ComponentsDominik Kundel · NDC Oslo 2018