Taste the Future with Functional Web Components

on YouTube ↗31m

" summary

Claims a concrete library that implements a functional API for web components with no classes, property descriptors and factories instead of prototype sugar, and a built‑in cache that tracks dependencies so getters recompute only when inputs change (cache invalidation based on dependencies). Each property can register lifecycle hooks and cleanup (per-property connect/disconnect). The author publishes the library and demos GitHub stars fetching with promises; the live demo partly succeeds (networked fetch and HMR work) though one interactive demo hiccups.

AI-written summary · about

" chapters (10)

1. 0:00Intro
2. 0:34What are Web Components
3. 2:14How to create Web Components
4. 3:44Can we do it simpler
5. 6:26What we can do
6. 7:40Default values of arguments
7. 12:40Life cycles
8. 15:27Life example
9. 22:01Key features
10. 23:48Demo

" related talks

• 32m"Future-proof your Web Apps with Web Components and Lit"Kito Mann · Frontrunners 2025
• 46mFuture-proof your Web Apps with Web Components and LitElementKito Mann · RVA JavaScript Conf 2019
• 20mAvoiding vendor lock-in through Web ComponentsMatias Huhta · React Finland 2022
• 24mThe Good, The Bad, and The Web ComponentsZach Leatherman · JSHeroes 2023
• 53mFuture-proof your Web Apps with Web Components and LitElementKito Mann · Developer Summit 2020
• 44mWeb Components An Introduction to the FutureTobias Ljungstrom · NDC Oslo 2021
• 51mBuilding web applications with Web ComponentsMartin Splitt · Voxxed Days Ticino 2017
• 36mWeb components - A whirlwind tour thru the future of the webMartin Naumann · FutureJS 2014