React 生态大迁徙，脸书源码仓库跑路，核心技术栈全员加盟 React 基金会！

👇 今日要闻

打破信息壁垒，走近全球前端。Hello World 大家好，我是林语冰。

React 是 facebook 出品的 UI 库，也是 GitHub 第一前端框架、GitHub star 第二的开源软件。

但今天如果你在 GitHub 搜索"facebook/react "，你会发现 React 跑路了，在 facebook（脸书）的 GitHub 组织下再也找不到 facebook/react 的源码仓库了。

事实上，React 生态 60+ 核心库全员加盟了 React 基金会，且隶属于 facebook 这个 GitHub 组织下部分源码仓库，也搬家到了新的 react 组织。

本期我们一起来看看 React 基金会的官网和 React 生态大全，这些技术栈基本可以视为 React 开发的重要基建。

React 基金会隶属于 Linux 基金会，是一个由社区驱动的组织，拥有 Meta、微软、华为等成员的资金扶持。

目前，React 基金会管官网已经正式上线，更丰富的功能还在抓紧建设中。

它收录了包括 React 在内的 60+ 个 React 生态的流行库，算是 React 官方认可的标准技术栈。

更重要的是，这标志着 React、React Native 和 JSX 等开源项目已不再归 Meta（前脸书）所有，而是由 React 基金会接管、社区自治。

部分原本由 facebook（脸书）主管的开源项目搬家了，它们从 GitHub 的 facebook 组织迁移到了 react 组织。

如果你像往常一样在 GitHub 搜索"facebook/react "，你就没法找到 React 源码仓库，现在要改为搜索"react/react"。

第一个"react"指的是 react GitHub 组织，第二个"react"指的是该组织下的 React 源码仓库。

目前，react 组织下接管了 10 个 React 核心生态的开源项目，包括但不限于：

React 基金会官网上列举了 React 生态 60+ 个技术栈，它们被划分为 12 个类别，包括但不限于：

这些技术栈大多是 React 开发的行业标准，如果你想搜索高质量的 React 工具库，建议优先从中挑选。

注意，诸如 Styled Components 之类的库，虽然也得到了 React 基金会的资金扶持，但它去年是进入了半休眠状态的 维护模式，类似于 Vue 2 不再频繁添加新功能，所以这个 CSS-in-JS 库不一定是 React 样式架构的最优解。

我更推荐大家采用 Tailwind CSS 和 UnoCSS 这些原子类框架或引擎，它们和 UI 框架没有强耦合，所以你掌握了之后，可以无缝迁移到 Vue 或 React 等其他框架。

唯一的缺点是，虽然这些 CSS 技术方案在海外人气爆棚，但国内目前的教程相对滞后，大部分用户还停留在 SASS 或 Less 这些 CSS 预处理方案，所有要求你投入一定的学习成本。

另一个不推荐使用是 React 的脚手架 Create React App，它的 GitHub 官网也不再建议用户将 CRA 用于 生产落地。

React 官网也更推荐使用 Vite 生态的 React 插件，或 Next 等元框架，它们底层部分的现代工具链都由 Rust 驱动，性能和开发体验对 create-react-app 都是"降维打击"的。

React 基金会官网初步上线，公示了目前已提供赞助的 60+ React 生态的流行开源项目，后续官网还会继续透露更多资讯。

这些"官方技术栈"基本涵盖了 React 开发行业的成熟产品和黄金标准，但也要小心 create-react-app 和 Styled Components 等"夕阳项目"，它们已经不是最佳实践，有更棒的替代方案。

此外，原本 facebook 组织主管的 GitHub 源码仓库部分迁移到了新的 react 组织，正式由 React 基金会接管，搜索源码和想要开源贡献的小伙伴需要铭记这点变化。

👍 以上就是本期《前端日报》的全部内容了，如果读完对你有所帮助，可以按赞打卡、在看推荐或转发分享本文。

🙏 已经关注我的粉丝们，我们下期再见啦，掰掰~~

👇 参考文献：