Web Components - The Lego Bricks of Web Developers

on YouTube ↗35m

" summary

Claims that web components let one build framework‑agnostic UI by creating a reusable custom element, shows a concrete login component built with Stencil, wires username/password into component state and emits a DOM event that the page logs, and explains that shadow DOM provides CSS encapsulation while ES modules replace HTML imports. Demo compiles to an npm package and runs in Chromium; browser support is now broad with polyfills for older engines.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 0:01Web Components The Lego bricks of web developers
3. 1:31The basic problem of HTML elements
4. 2:06Building a login form...
5. 4:13Want using it in multiple applications?
6. 15:22Let's talk about browser support...
7. 19:20Building the login with Web Components

" related talks

• 36mThe State of Web ComponentsAna Cidre · CityJS Conference 2020
• 44mWeb Components An Introduction to the FutureTobias Ljungstrom · NDC Oslo 2021
• 19mWeb Components for Authentication - The what, the how and the whyAna Cidre · ngVikings 2020
• 33mWeb Components with StencilJSMartin Reinhardt, Martin Brecht-Precht · code.talks 2022
• 45mLet's Talk About Web ComponentsJemima Abu · NDC Porto 2022
• 36mWeb components - A whirlwind tour thru the future of the webMartin Naumann · FutureJS 2014
• 32mLet's talk about Web ComponentsJemima Abu · React Advanced 2021
• 46mWhat ever happened with Web Components?Dwane Hemmings · Øredev 2023