Web Components: 10 Things to Know
summary
Web Components prove production-ready — SpaceX uses them in a spacecraft UI — and modern browsers support the standards (IE11 via polyfills). The talk lists 10 things to know, shows concrete tools: LitElement, open-wc, Microsoft Fast, and demos on webcomponents.dev. A blog rebuilt one counter widget 33 ways to compare approaches. open-wc wires up Storybook, Netlify and CircleCI for linting, testing, demoing and deployment; React interop works but needs event wrappers.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 2:11What are web components
- 6:27Production readiness
- 8:38Browser support
- 10:03Code complexity
- 12:35LitElement and alternatives
- 16:2933 ways to build components
- 18:39Web components with React
- 20:26OpenWC setup
- 22:53Quick try with webcomponents.dev
- 25:23Composing UIs
- 26:48Disadvantages and closing
related talks
41mWeb Components en 2019, on en est où ?
24mThe Good, The Bad, and The Web Components
44mWeb Components An Introduction to the Future
52mWeb Components Can Do That?
39mWeb components - A whirlwind tour
24mWeb Components: It's all rainbows and unicorns! Is it?
37mWeb Components: It's All Rainbows and Unicorns! Is It?
28mThe (Real) State of Web Components