When I’m stuck on some code, I go for a walk. Most of the time, I will have figured it out by the time I return… :)

You can find any number of recent articles to say web components are good or bad. YMMV

It’s not as big of an issue in greenfield projects or startups. However, in bigger companies which have diverse apps & tech stacks the notion of web components has greater appeal.

Platform agnostic - write a web component and you can use it anywhere HTML Web Standards are supported. This means it works with React, Preact, Solid, Svelte, Vue, etc…

Here are some examples of this in action:

- wc-autos.vercel.app
- autos-s4e.vercel.app
- autos-sld.vercel.app

These all use the same icon loader web component to load the SVG icons on demand …

I personally create them as individual SVG web components and use a loader web component which can access the entire set (both built with Stencil)

I’ve been thinking that same thing. Wondering if it made more sense to remove the abstractions and build it with vanilla web (HTML, CSS & JS) ??

This ^^