本期看点:React Native 新架构正式发布;React Compiler Beta 版发布;Next.js 15 重磅更新;shadcn/ui 的崛起之路;
编辑:TimLi
🔥 本周热门
React Native 新架构正式发布 —— 随着 React Native v0.76 的发布,所谓的"新架构"已成为默认选项。这开启了许多现代 React 特性,如 useLayoutEffect
和 Suspense,同时提供了更好的原生接口交互方式,无需桥接(简而言之,与原生运行时的交互更快更直接)。
The React Team
React Compiler Beta 版发布 —— 五个月前,我们首次正式接触到 React Compiler,这是一种通过在构建时优化代码来提升 React 应用程序性能的新方法。现在它更进一步了,我们鼓励 React 17+ 的用户和库维护者们来试用它。
Lauren Tan
Next.js 15 发布 —— 上周对这个流行的(有人甚至说是默认的?)React 框架来说是重要的一周,Next.js Conf 如期举行(稍后会详细介绍),同时发布了这个重要版本。它包括用于简化升级的 codemod CLI、异步请求 API、与 React 19 的对齐等功能。
Vercel
💡 关于 Next.js Conf 的另一个重要公告,The New Stack 的 Loraine Lawson 深入探讨了 Turbopack 的重大更新,这是 Vercel 的增量打包工具。
在 Next.js 15 和 React 19 中使用 shadcn/ui —— 来自 shadcn/ui 项目的最新文档,详细介绍了如何在 React 19 中使用这个流行的组件库,特别强调了 Next.js 15 的使用方法。
shadcn
💡 相关新闻:Shadcn 如何突出重围,成为 React 的"默认"组件库。
Next.js 的缓存之旅 —— 介绍了一个新的实验性模式(目前主要面向那些"富有冒险精神"的开发者),这个模式建立在两个核心概念之上:Suspense 和 use cache
。
Sebastian Markbåge (Next.js)
使用 OpenAI CLIP、Postgres 和 React 构建图像搜索应用程序 —— 这个教程将多个技术理念融为一体。CLIP 用于将图像转换为文本描述,Postgres 用作向量数据库,JavaScript 则通过前端(React)和后端(Node.js)将所有内容粘合在一起。
Haziqa Sajid
📄 如何使用传感器为你的 React Native 应用程序注入活力 Enzo Manuel Mangano (Expo)
📄 2024 年版 React 下拉菜单实现指南 Robin Wieruch
📄 React 服务器组件(RSCs)中的"服务器瀑布问题" Kent C Dodds
快讯:
📊 2024 年 React 现状调查已经启动,欢迎参与。
Lee Robinson 和 Delba de Oliveira 分享了 Next.js Conf 2024 的快速回顾及其主要公告。
📺 Jack Herrington ▶️ 分享了上周在伦敦举行的 React Advanced 直播。
🛠 代码与工具
Recharts v2.13:基于 React 和 D3 构建的图表库 —— 通过声明式组件易于部署,并支持原生 SVG。提供折线图、柱状图、散点图、组合图、饼图和雷达图等。这里有大量示例,并附带代码。GitHub 仓库。
recharts
Chakra UI v3:全面的 React 组件套件 —— Chakra 是一个广受欢迎的可访问、可重用和可组合的 React 组件套件,v3 版本基本上是按照现代标准完全重写的。GitHub 仓库。
Segun Adebayo
shadcn/ui 侧边栏 —— 流行的 shadcn/ui 组件库推出了一套用于构建侧边栏的新组件。
shadcn
Next.js 的非固定样式 TypeScript 启动项目 —— 这个长期维护的模板获得了多项现代版本的更新,支持 Next.js 15(使用 app router)、React 19、ESLint 9 等。
João Pedro Schmitz
版本发布:
MUI X v7.22 —— 流行的 React 组件套件。现在支持数据网格行分组的服务器端功能。
React Native Testing Library v12.8 —— 现在提供启用并发渲染的选项。
React Modal Sheet v3.3 —— 使用 Framer Motion 构建的灵活底部弹出层组件,实现流畅的过渡效果。
react-native-permissions v5.1 —— 统一的跨平台权限 API。
🗓️ react-calendar v5.1 —— 为你的 React 应用程序提供的"终极"日历组件。
Rockpack v4.5 —— React 应用程序启动器/生成器。
🙋♀️ 关注我们