---
title: "Web Components"
description: "1 posts about Web Components, summarised, each linking to the original."
---

# Web Components
> 1 posts about Web Components, summarised, each linking to the original.

## Articles

### [Building with Web Components and Their Advantages Over Third-party Libraries](https://yomu.fyi/post/building-with-web-components-and-their-advantages-over-third-party-lib.md)
- Company: [Heroku](https://yomu.fyi/company/heroku.md)
- Author: Jamie White
- Published: Mar 4, 2020
- Type: Explainer

Web development moved from HTML, CSS, and JavaScript toward proprietary libraries such as React, Angular, and Vue, creating interoperability concerns that Web Components aim to address through browser standards. The post traces this shift from early W3C work and Google’s Polymer Project to a toolkit of custom elements, HTML templates, and Shadow DOM, with examples showing how custom tags and reusable markup are defined. Custom elements encapsulate JavaScript behavior, templates defer markup rendering until requested, and Shadow DOM isolates internal styles and elements from surrounding page content. The resulting components can be packaged as dependencies and consumed across most browsers without loading a front-end framework, while libraries including Polymer, Stencil, and Lightning Web Components can abstract the underlying APIs.