Let's talk about Web Components

on YouTube ↗32m

" summary

Claims that Web Components are native, reusable HTML with no build step and cross‑framework portability and then shows it: defines a class with custom elements, renders by setting innerHTML or cloning a template.content, encapsulates styles by calling attachShadow({mode: "open"}) and using connectedCallback to read attributes and mount content. Live demo has small errors but ultimately renders isolated post and mirrored shadow content; notes custom‑elements‑everywhere scores (Angular 100, Vue 100, React lower) and links code.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 0:5501 WEB COMPONENTS
3. 5:24CUSTOM ELEMENTS
4. 29:52HTML TEMPLATES

" related talks

• 45mLet's Talk About Web ComponentsJemima Abu · NDC Porto 2022
• 29mWhen to Use Web ComponentsTim van der Lippe · Frontend Developer Love 2018
• 36mThe State of Web ComponentsAna Cidre · CityJS Conference 2020
• 44mWeb Components An Introduction to the FutureTobias Ljungstrom · NDC Oslo 2021
• 37mThe world of Web ComponentsNishu Goel · AzConf 2020
• 20mI’m With Web Components and Web Components Are With MeGil Fink · ReactNext 2019
• 46mWhat ever happened with Web Components?Dwane Hemmings · Øredev 2023
• 39mWeb components - A whirlwind tourMartin Naumann · Jazoon TechDays Spring 2016 Bern