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

主要观点总结

微软Edge浏览器团队推出了WebUI 2.0项目，旨在通过采用原生Web组件取代React组件来提升浏览器的响应速度。该项目源于对React框架的使用反馈，并希望通过减少对JavaScript的依赖来提供更好的用户体验。微软Edge团队负责人Andrew Ritz解释了项目的背景、Web组件的概念以及他们如何适应Web组件的挑战。此外，文章还讨论了Web组件与框架组件的争论，以及WebUI 2.0项目的未来和开源计划。

关键观点总结

关键观点1: 微软Edge浏览器团队推出WebUI 2.0项目，旨在通过原生Web组件取代React组件提升性能。

该项目是微软对React框架使用反馈的回应，旨在减少客户端需要处理的代码量，提高响应速度，带来流畅的用户体验。

关键观点2: Web组件的概念和优势

WebComponents.org定义Web组件为一套Web平台API，用于自定义封装可复用的HTML标签。Ritz强调使用HTML和CSS解决问题的优势，以及Web组件提供的稳定性和跨框架互操作性。

关键观点3: Edge为何选择放弃React

Ritz解释Edge团队收到关于React性能问题的反馈，决定逐步放弃React并转向Web组件。他提到React在某些场景下性能表现不佳，特别是在低端设备上，而且随着越来越多的团队采用React，形成了巨大的捆绑包，导致依赖关系混乱。

关键观点4: Web组件与框架组件的争论

文章提到关于Web组件和框架组件的争论，包括SolidJS框架作者Ryan Carniato和Shoelace作者Cory LaViska的观点。Ritz指出，适应Web组件的挑战包括利用浏览器内置功能、定制控件的需要以及开发者体验的改进。

关键观点5: WebUI 2.0的广泛采用和未来计划

Ritz解释了微软浏览器团队采用Web组件的特殊性，包括利用Fluent UI框架和只支持Edge浏览器的优势。微软计划将部分WebUI 2.0包和一套“Web平台模式”开源，并持开放态度与外部合作伙伴合作，共同引领超越React框架的Web开发新时代。

免责声明