Web Components Can Do That?

on YouTube ↗52m

" summary

The talk explains how modern Web Components are supported in Edge and compares different approaches: libraries (SkateJS, LitElement, Svelte), frameworks (Polymer), and compilers/exporters (Stencil, Angular, Dojo, Vue). It presents concrete benchmarks (bundle size and time-to-interactive) showing Stencil (used by Ionic) yields small production-ready components while Angular Elements produces heavier bundles, and demonstrates a design system, an incremental migration example (Backbone to Vue), and a working standalone widget embedded via a script tag.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 7:51Compiler
3. 37:08jQuery
4. 39:28React
5. 48:20Cascading Style Sheets

" related talks

• 41mWeb Components en 2019, on en est où ?Horacio Gonzalez · DevFest Paris 2019
• 24mThe Good, The Bad, and The Web ComponentsZach Leatherman · JSHeroes 2023
• 28mWeb Components: 10 Things to KnowJaime Lopez · Developer Summit 2020
• 27mUsing Web Components in IonicAdam Bradley, Max Lynch · Polymer Summit 2017
• 40mThe Web Components interoperability challengeHoracio Gonzales · Codemotion Rome 2018
• 34mWeb Components & Micro Apps: Angular, React & Vue peacefully united?Manfred Steyer · iJS 2018
• 46mWhat ever happened with Web Components?Dwane Hemmings · Øredev 2023
• 46mFuture-proof your Web Apps with Web Components and LitElementKito Mann · RVA JavaScript Conf 2019