Web Components: It's all rainbows and unicorns! Is it?

on YouTube ↗24m

" summary

Argues that web components are useful but not magical and gives concrete results: evaluates the four specs — template, HTML imports, custom elements, shadow DOM — shows a working progress bar component, finds HTML imports deprecated March 2018 and duplication warnings in Chrome, recommends using custom elements now, warns that shadow DOM hard to polyfill so use it only with feature detection, and uses polyfills and ES modules as the practical tooling that actually works.

AI-written summary · about

" chapters (12)

1. 0:00Start
2. 3:25Web components public image
3. 4:11Motivation
4. 7:31Refresher on web components
5. 8:25HTML Template Tag Usage
6. 9:29HTML Imports
7. 10:46How to get my component?
8. 11:21HTML Import requires a polyfill
9. 13:21Key concepts
10. 17:38Custom Elements ES6 Class
11. 18:50Component example
12. 22:14Takeaway

" related talks

• 37mWeb Components: It's All Rainbows and Unicorns! Is It?Sara Harkousse · DevFest Nantes 2017
• 39mWeb components - A whirlwind tourMartin Naumann · Jazoon TechDays Spring 2016 Bern
• 36mWeb components - A whirlwind tour thru the future of the webMartin Naumann · FutureJS 2014
• 24mThe Good, The Bad, and The Web ComponentsZach Leatherman · JSHeroes 2023
• 42mThe Good, The Bad, The Web ComponentsZach Leatherman · SmashingConf Freiburg 2023
• 43mWeb Components: From 'Why Not?' to 'Why Now!'Nitya Narasimhan · BuzzJS 3.1 2018
• 28mWeb Components: 10 Things to KnowJaime Lopez · Developer Summit 2020
• 41mWeb Components en 2019, on en est où ?Horacio Gonzalez · DevFest Paris 2019