Web Components in Practice

on YouTube ↗50m

" summary

Examines Web Components as lightweight, framework-independent UI components and whether that promise holds up in real projects. Compares which teams and project types benefit from Web Components, their impact on development, and how to build a custom component library, illustrated with experiences and lessons from multiple projects.

AI-written summary · about

" chapters (12)

1. 0:00Introduction
2. 1:27WHO ARE WE?
3. 2:53USE CASES
4. 3:51DEVELOPING INDIVIDUAL COMPONENTS
5. 5:12MAKE OR BUY?
6. 8:23DESIGN & USER EXPERIENCE OF CUSTOM COMPONENTS
7. 14:25AUTOMATED TESTS
8. 19:58STRUCTURAL ELEMENTS
9. 22:31FORM VALIDATION
10. 31:11SLOTS
11. 35:10SCALING
12. 37:53LESSONS LEARNED

" related talks

• 41mEssence of WebComponentsPedro J Molina · Commit Conf 2018
• 41mDemystifying Web Components as the Weapon for WebRahat Khanna · JSFoo 2017
• 28mWeb Components: 10 Things to KnowJaime Lopez · Developer Summit 2020
• 24mWeb Components: It's all rainbows and unicorns! Is it?Sara Harkousse · RuhrJS 2017
• 37mWeb Components: It's All Rainbows and Unicorns! Is It?Sara Harkousse · DevFest Nantes 2017
• 20mAvoiding vendor lock-in through Web ComponentsMatias Huhta · React Finland 2022
• 24mThe Good, The Bad, and The Web ComponentsZach Leatherman · JSHeroes 2023
• 28mThe (Real) State of Web ComponentsMartin Hochel · revo.js 2019