大家好，我是前端宝哥。
微软 Edge 最新版本 基于 Chromium 浏览器内核，并且进行了重大更新，其中一个重要的改变是减少对 React 的依赖，转而使用以 HTML 为先的 Web Components 技术。
结果如何？ 速度飞升！ 微软表示，新版 Edge 的浏览器基本功能界面响应速度更快，对于 Edge 用户来说，速度提升了 42%，而对于那些没有 SSD 或者内存小于 8GB 的设备用户来说，速度提升更是高达 76%！
微软产品经理 Alex Russell 在社交媒体上透露了更多细节：
"我们现在用大量的 Web '内容' 来构建浏览器（比如书签、历史记录、下载、设置、新标签页等等），并且从 React 迁移到现代 Web Components + HTML 为先的架构，对用户来说有巨大的益处，特别是那些使用低端硬件的用户。"
简单来说，就是减少了用 JavaScript 代码渲染的界面部分，这样网页加载速度更快，用户体验更流畅。
微软的改变，也许预示着一种新的 Web 开发趋势：以 HTML 为先，减少对 JavaScript 的依赖。Web Components 技术就像搭积木一样，可以轻松地构建网页界面，而且这些"积木"还可以反复使用！
以下是一些值得学习的 Web Components 开源项目：
01
Vaadin：网页组件"零件库"
Vaadin 提供了各种 Web Components，就像一个"零件库"，包含了各种网页界面元素，例如按钮、输入框、菜单等等，方便你快速搭建网页。
02
StencilJS：Web Components "大管家"
StencilJS 提供各种工具，可以帮助你快速创建各种可复用的组件，就像一个 Web Components 的"大管家"。
03
Polymer：成熟的 Web Components "工具包"
Polymer 是一个成熟的 Web Components 库，它就像一个完整的"工具包"，提供了强大的功能和丰富的文档，帮助你深入学习 Web Components。
04
Lit：轻量级的 Web Components "工具箱"
Lit 提供了简单易用的 API 和丰富的功能，就像一个轻量级的 Web Components "工具箱"，方便你使用 Web Components。
05
Shoelace：Web Components UI 组件库
Shoelace 是一个包含各种 Web Components 的 UI 组件库，就像一个"UI 组件商店"，方便你快速构建网页界面。
06
@material/web：Material Design Web Components
Material Design Web Components 提供了 Material Design 风格的 Web Components，就像一个"Material Design 工具包"，让你的网页界面更美观、更易用。
https://github.com/material-components/material-components-web
07
Ionic Framework：移动端 Web Components
Ionic Framework 虽然主要用于开发移动应用，但也提供了 Web Components 版本，方便你使用 Ionic 的组件库来构建网页界面。
08
W3C Web Components：Web Components 标准库
这是 Web Components 的标准库，就像一个 Web Components 的"基础库"，提供了一些基础的 Web Components，方便你学习 Web Components 的基本概念和用法。
尝试一下 Web Components，体验更轻量、更灵活的网页开发！
最后，如果你觉得宝哥的分享还算实在，就给我点个赞，关注一波。分享出去，也许你的转发能给别人带来一点启发。
关注我，明天见！