For now this is just a collection of useful links while organizing my thoughts on web components.

learning

https://www.webcomponents.org/

https://javascript.info/shadow-dom

https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots

https://open-wc.org/codelabs/basics/web-components

https://www.bitovi.com/academy/learn-web-components.html

code

https://github.com/mdn/web-components-examples

https://github.com/GoogleChromeLabs/file-drop/tree/master

https://genericcomponents.netlify.app/

documentation

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scoping

https://javascript.info/template-element

blog posts

https://kinsta.com/blog/web-components/

https://nolanlawson.com/2023/08/23/use-web-components-for-what-theyre-good-at/

https://daverupert.com/2023/07/why-not-webcomponents/