Web Components: From 'Why Not?' to 'Why Now!'

on YouTube ↗43m

" summary

Argues that 2018 is the tipping point: web components are usable now because browsers and frameworks are catching up. Lists the four platform APIs—custom elements, shadow DOM, HTML templates and (legacy) HTML imports—and shows concrete moves: Polymer 3 shifts to ES6 modules and npm, Polymer CLI and starter kits scaffold shop/news demo apps, and a “purple” loading pattern + a purple server for performance. Notes interoperabiity tests, Redux support for state, and that IE still needs polyfills.

AI-written summary · about

" chapters (14)

1. 0:00Start
2. 1:34About Me
3. 12:00That are web components?
4. 12:43What are these platform APIs?
5. 17:59How do I define a custom element?
6. 18:54How do I use a custon element?
7. 23:11Track Interoperability/Issues
8. 27:26Polymer 3.0 released / May 2018
9. 28:05The Polymer Project from Google
10. 29:40Feature/Code Walkthrough
11. 34:12Create/App Toolbox & CLI
12. 34:46polymer-3-starter-kit
13. 35:00Build & Deploy / Issues & Options
14. 37:272018/PWA Starter Kit

" related talks

• 21mThe Year of Web ComponentsDominik Kundel · jsPoland 2018
• 41mWeb Components en 2019, on en est où ?Horacio Gonzalez · DevFest Paris 2019
• 36mWeb components - A whirlwind tour thru the future of the webMartin Naumann · FutureJS 2014
• 59m2018 - The Year of Web ComponentsDominik Kundel · NDC Oslo 2018
• 30m2018 - The Year of Web ComponentsDominik Kundel · RuhrJS 2018
• 24mWeb Components: It's all rainbows and unicorns! Is it?Sara Harkousse · RuhrJS 2017
• 49m2018 - The Year of Web ComponentsDominik Kundel · React Alicante 2018
• 46mWhat ever happened with Web Components?Dwane Hemmings · Øredev 2023