386 期 - React Compiler 终于发布测试版并开源

本期看点:React Compiler(原 React Forget)终于发布测试版并开源。Remix 官方宣布 Remix 和 React Router 将在未来合并。以及 React 19 新特性的实战经验。
编辑:Yucohny

🔥 本周热门

认识一下 React 编译器 —— 上周的 React 大会 非常精彩,最大的亮点是 React Compiler 的开源。这个工具旨在构建时优化 React 代码。想要在不破坏一切的情况下试试吗?他们创建了一个 React Compiler 游乐场,你可以在这里进行尝试。

React 团队

💡 如果你喜欢 Jack Herrington 精彩的演讲,▶️ 他在这里深入介绍了 React Compiler 。Dan Abramov 也在 X/Twitter 上写了一篇有帮助的帖子,分享了 React Compiler 的开发历程及其重要性。

React 19 的新特性将让你写出不可思议的组件 —— React 19(仍在测试中)带来了各种新概念,但其复杂性是否值得?Mux 的团队已经依赖 React 19 的许多特性一段时间了(感谢 React Canary),他们对这些特性的潜力感到非常兴奋。

Darius Cepulis (Mux)

合并 Remix 和 React Router —— 现在官方计划将 Remix v3 作为 React Router v7 发布。那么 Remix 要消失了吗?不会。许多人对这条消息解读过多,但 Ryan Florence 在这篇 后续文章中澄清了 这一点,或者你更喜欢的话,Alem Tuzlak ▶️ 在 17 分钟内解释了一切

Brooks Lybrand (Remix)

使用 useDeferredValue 实现快速 UI 优化 —— 通过这位备受尊敬的教育家的 Shadow Palette Generator 工具作为案例研究,深入探讨 [useDeferredValue](https://react.statuscode.com/link/155513/web) Hook。不仅提供了宝贵的知识,这个工具本身也非常有用。

Josh Comeau

📄 用 200 行 JavaScript 创建虚拟 DOM —— 如果你想了解这个概念背后的基本原理。

Marcelo Lazaroni

📄 狡猾的 React 内存泄漏:useCallback 和闭包是如何给你挖坑的

Kevin Schiener

📄 创建组件库时将面临的困境

Andrico Karoulla

📄 React 项目中最佳的 ESLint 规则

Tim James

快讯:

  • Vercel 融资 2.5 亿美元,现在估值 32.5 亿美元。作为发布的一部分,提到“每个月有超过 100 万软件开发人员使用其 Next.js 技术。”

  • Chris Coyier 开始思考 React 特定的组件是否会成为下一个“jQuery 插件”。所有人都在欢迎 Web Component 吗?

📰  代码与工具

react-force-graph:2D、3D、VR 和 AR 力导向图 —— 一种创建复杂网络/图关系可视化的方法。这里有一个大型 实时演示,以及 众多示例和源码

Vasco Asturiano

Restyle:现代 React 的新 CSS-in-JS 库 —— 由于其使用了 内联托管样式表,因此需要使用 React Canary。它的有点包括需加载样式,去重样式,且在服务器和客户端都很方便。

Travis Arnold

☎︎ react-international-phone:电话号码输入组件 —— 不仅可以选择国家,还可以在可能的情况下根据号码猜测国家。react-phone-number-input 是这个领域的另一个选择。

Yurii Brusentsov

restore-scroll:在页面导航时恢复元素的滚动位置 —— 这不仅意味着 BODY 元素的滚动位置可以恢复,任何可滚动的元素也可以恢复。

Kent C. Dodds

spin-delay:智能的 React 加载动画助手 —— 如果某个内容只需要加载 50 毫秒,那么真的需要渲染一个加载动画吗?spin-delay 让逻辑更智能。

Stephan Meijer

hamburger-react:动画“汉堡菜单”图标 —— 基于 Hook 构建的组件,它们使用 CSS 过渡以保持轻量。

Luuk de Vlieger

版本发布:

© 2025 印记中文 | 粤ICP备17008907号-2