放弃 React，微软 Edge 团队改用 Web 组件减少对 JavaScript 的依赖

主要观点总结

本文介绍了微软Edge浏览器团队推出的WebUI 2.0项目，该项目旨在通过采用原生Web组件取代React组件来提升浏览器的响应速度。文章涵盖了项目的灵感来源、目标、进展情况以及面临的挑战，并探讨了Web组件与框架组件的优劣之争。此外，还涉及了Edge团队如何适应Web组件的挑战，以及微软开源部分WebUI 2.0包的计划。

关键观点总结

关键观点1: 微软Edge团队推出WebUI 2.0项目，旨在通过采用原生Web组件提升浏览器响应速度。

该项目通过采用“标记优先的架构”减少对JavaScript的依赖，旨在为用户带来更流畅的体验。

关键观点2: Edge团队决定逐步放弃React的原因。

团队收到了改进Chromium项目的工单，发现React的使用方式可能导致性能问题，特别是在低端设备上。

关键观点3: Web组件与框架组件的优劣之争。

社交媒体上再次掀起关于Web组件与框架组件优劣的讨论，其中SolidJS框架作者和Shoelace作者分别发表了观点。Edge团队表示他们适应Web组件的策略是直接利用浏览器内置的功能。

关键观点4: Edge团队如何适应Web组件的挑战。

Edge团队利用微软自家的Fluent UI框架，并面临Web组件开发中的挑战，如需要定制内置控件和确保良好的表现。团队还提到了关于Web组件的“开发敏捷”问题。

关键观点5: 微软计划将部分WebUI 2.0包和“Web平台模式”开源。

尽管存在挑战，微软希望与外部合作伙伴合作，共同引领一个超越React框架的Web开发新时代。

文章预览

作者丨 Richard MacManus 译者丨明知山 策划丨Tina 5 月份，微软的 Edge 浏览器团队推出了 WebUI 2.0，旨在通过采用原生 Web 组件取代 React 组件来提升浏览器的响应速度。其核心策略是通过“标记优先的架构”来减少对 JavaScript 的依赖，这意味着客户端需要处理的代码量将减少，从而为用户带来更加流畅的体验。 为了了解 WebUI 2.0 项目的进展情况——包括它的灵感来源和最终目标——我采访了微软 Edge 团队负责人 Andrew Ritz。 首先，我们先快速解释一下 Web 组件的概念。WebComponents.org 社区网站将其定义为“一套 Web 平台 API，使你能够自定义封装可复用的 HTML 标签，用于 Web 应用。”Ritz 向他的团队这样解释这一 Web 开发范式：“每当你打算开发一个新的控件，并且需要写 JavaScript 时，请先停下来去问问有经验的工程师，看看是否可以通过使用 HTML 和 CSS 来解决 ………………………………