WebComponents是用于创建适合多种用途的HTML元素的Web技术。对这种现象有一种不同的态度：一些人相信Web组件的革命性潜力（尽管它们于年首次推出），另一些人仍然持怀疑态度并继续使用React。
许多开发人员似乎对WebComponents消灭前端框架的想法感到威胁。但这不会发生，因为它们是为解决不同的问题而生的。
背景为什么我们需要WebComponents？
使用Web组件的原因，我们可以从三个方面来看待这个问题，一个是趋势，一个是技术本身，另一个是商业成本。
首先我们从趋势上来分析：
流行趋势
尽管对Web组件有一些普遍的保留意见，但还是有不少大公司充分利用了这项技术。这里是其中的一些：
头部案例
Twitter：嵌入式推文
YouTube：该站点是使用WebComponents构建的
ElectronicArts：该站点也是使用WebComponents构建的
AdobeSpectrum：该站点是一个基于WebComponents的UI框架产品
另外还有维基百科、可口可乐、麦当劳、IBM和通用电气等也使用基于Web组件的技术和框架。
整体数据
除此以上案例，还有大部分未统计的案例。
下图显示了customElements.define至少调用一次的页面加载百分比（在Chrome中）。
使用CustomElementRegistryDefine的页面加载百分比（在Chrome中）
我们可以看到，在Chrome浏览器中查看的所有网站中，超过15%的网站至少注册了一个自定义元素。相比之下，根据w3techs.