本期看点:Docusaurus 3.6 发布,使用 Rspack、SWC 和 Lightning CSS 等工具使构建过程比以往更快;React GJS renderer 让你用 React 构建原生 Gnome GTK 应用程序;React 编译器进入 beta 阶段;
编辑:TimLi
🔥 本周热门
Docusaurus v3.6:面向文档的静态站点生成器 —— 我们一直都很喜欢 Meta 的 Docusaurus,这是一个用于构建和部署技术文档站点的流行工具(看看这些案例)。v3.6 版本专注于性能优化,现在使用 Rspack、SWC 和 Lightning CSS 等工具使构建过程比以往更快。
Meta
⚡ MikroORM 的文档站点构建时间在开发环境从 6 分 40 秒缩短到 2 分 30 秒,在生产环境从 12 分钟缩短到 4 分 30 秒。
React GJS 渲染器:用于 GNOME JavaScript 的 React 渲染器 —— 这个项目适合开发 Linux 桌面应用程序的开发者,它让你可以通过 GJS(GNOME JavaScript)环境使用 React 构建原生 Gnome GTK 应用程序(可以将其理解为类似 Node.js 的运行时,但专门用于 GNOME 桌面应用程序,并由 SpiderMonkey 驱动)。
Szymon Bretner
▶ React 编译器的下一步是什么? —— React 编译器现已进入 beta 阶段。在最近的 React India 活动中,核心团队成员简要介绍了编译器的改进情况和未来发展方向(19 分钟)。
Sathya Gunasekaran
使用 Go 和 React 创建全栈应用程序 —— 探讨如何将前端和后端的精华结合到一个应用程序中,以一个名为"Go Eats"的食品订购服务为例。
Mukul Mantosh (JetBrains)
如何(不)在 React Server Action 后重置表单 —— "曾经有一段时间表单不会自动重置……最近,表单开始自动重置,现在大家都想知道如何在出现(验证)错误时保持表单内容不变。"
Robin Wieruch
Shopify 如何构建其 2023 年黑色星期五全球销售可视化 —— Shopify 正在为 2024 年的黑色星期五季做准备,同时分享了他们如何使用 Three.js 和 React Three Fiber 构建去年那个引人注目的销售可视化效果。不得不说,着色器承担了大部分工作,而不是 React。
Diego Macario Bello (Shopify)
如何使用 React 和 AI 代理创建 AI 驱动的新闻聚合器 —— 哦不!你应该不会想这么做吧…… 😅 不过,看到 KaibanJS 代理构建框架的实际应用还是很酷的。
Dariel Villa
📄 在 React 应用程序中实现实时视频模糊或虚拟背景 —— Farhan CK
📄 在 Next.js App Router 中管理高级搜索参数过滤 —— Aurora Scharff
快讯:
2024 年 React 现状调查还剩不到两周时间。
Shopify 已完成将其移动应用程序迁移到 React Native,这里有一个关于迁移过程的讨论。
▶️ 100 秒解释 Next.js 的
use cache
。
🛠 代码与工具
React-Ace:在 React 应用程序中集成 Ace 编辑器 —— Ace 是一个历史悠久的面向代码的 Web 编辑器控件。这里有一个快速演示。
James Hrisho
Sonner v1.7:固执己见的 Toast 通知组件 —— 默认样式美观但可自定义。主页上有实时演示,也可以查看 GitHub 仓库。v1.7 主要改进了动画效果、浏览器支持,并添加了 React 19 支持。
Emil Kowalski
<ClickToComponent />:快速访问组件源代码 —— 在浏览器中按住 Option
键点击 React 组件即可在 VS Code 中打开源代码。此外,Option + 右键点击
可以打开上下文菜单,显示父组件的 props、文件名、列号和行号。
Eric Clemmons
版本发布:
BlockNote v0.19 —— 类 Notion 的基于块的编辑器。现在支持列布局和客户端导出为
.docx
和 PDF。项目主页上有演示。Tailwind Next.js Starter Blog v2.3 —— 博客启动模板。
MDX Editor v3.16 —— Markdown 富文本编辑器组件。
React Suite v5.74 —— React 组件套件。(示例)
🗓️ React DayPicker v9.3 —— 可自定义的日期选择器。
uikit v0.8 —— 为 Three.js 构建高性能 3D UI。
xr v6.4 —— 为 React Three Fiber 带来 VR/AR 功能。
🙋♀️ 关注我们