I have to thank Jeremy Keith and his wonderfully insightful article from late last year that introduced me to the concept of HTML Web Components. This was the

CSS-Tricks is a go-to destination for web designers and front-end developers seeking insights into CSS techniques, web design trends, and best practices. Through a rich collection of articles, tutorials, and code snippets, CSS-Tricks equips developers with the knowledge and tools needed to create visually stunning and user-friendly websites. Whether you're looking to master CSS layout techniques, explore responsive design principles, or stay updated with the latest CSS features and browser compatibility issues, CSS-Tricks offers practical guidance and inspiration for elevating your web design skills.

CSS-Tricks

HTML Web Components facilitate progressive enhancement and CSS encapsulation, allowing for modular, reusable elements without relying solely on JavaScript. They provide custom elements, encapsulate styles, and support accessibility features, ensuring components function with or without JavaScript. Examples include a disclosure pattern, tabbed components, and an AJAX loader, demonstrating how components can be enhanced progressively using both light and Shadow DOM.

HTML Web Components Make Progressive Enhancement and CSS Encapsulation Easier!

<p>Web components are too often overlooked. Since they are oart if the web standards, we should prefer them to framework-based components whenever possible.</p>


<p>The thing is, all of web component use has to be CSR(client side rendering), cause all depends of first load of javascript each time a page is rendered. So it is just for CSR projects nothing else. Theres some SSR stuff but the component has to be written manually in each page it has to be used, so no linked separete-file-component to update it in one place. I can use fetch to achieve that, but again, is using CSR javascript to use it. So Web Components are not ready as of now for SSR or other websites needs and isnt SEO friendly(some assume that CSR now is friendly with seo cause google can crawl it, but the truth is SSR, and better: SSG, are prefferred for google).</p>
