Title: React 中文周刊 #270 - React Joyride 3.0 发布，Next.js 16.2 的适配器已稳定 | BestBlogs.dev
URL Source: https://www.bestblogs.dev/article/bcc1540b
Published Time: 2026-03-29 05:25:00
Markdown Content: Sign in to use highlight and note-taking features for a better reading experience. Sign in now
原创 印记中文团队 2026-03-29 13:25 浙江
本期看点：React Joyride 3.0 引导式导览库重写、Next.js 16.2 适配器 API 详解，Dominik 论述 data-testid 为何是「可访问性异味」、Storybook 为 React 加入 MCP 服务、TanStack DB 0.6 带来 SQLite 持久化与离线能力。另有 Semiotic 3.0 等工具。
> 本期看点：React Joyride 3.0 引导式导览库重写、Next.js 16.2 适配器 API 详解，Dominik 论述 data-testid 为何是「可访问性异味」、Storybook 为 React 加入 MCP 服务、TanStack DB 0.6 带来 SQLite 持久化与离线能力。另有 Semiotic 3.0、React Native Executorch 等工具。
> 编辑：TimLi
🔥 本周热点 React Joyride 3.0：在应用里做引导式导览—— 对这款流行的「导览」库进行了全面重写，面向现代 React、更多实用 hooks、改进渲染等，详见 更新说明。演示页 展示效果很好。GitHub 仓库。
Gil Barbara 用 Next.js 16.2 的适配器 API 把 Next.js 带到更多平台—— 上周 Next.js 16.2 将adapters标为稳定，为不同平台提供可定制构建流程的 API。本文说明该能力如何工作，以及多家厂商如何协同推进；Netlify、Cloudflare、AWS 等适配器有望在今年晚些时候推出。
Jimmy Lai、JJ Kasper（Vercel）
测试 ID 是一种可访问性「异味」—— Dominik 认为data-testid是代码异味而非最佳实践；改用基于 role 的选择器，能在测试里「几乎白送」一层可访问性检查。文中有前后对比与让标记更易查询的建议。
Dominik Dorfmeister 为 React 推出 Storybook MCP——Storybook 在 最新版本 中加入了 MCP 服务器，让编码智能体能获得组件相关上下文，从而更好地编写 Story、测试与缺陷修复。
Kyle Gach（Storybook） 📄npm Workspaces 温和入门（配图）
Carlos Precioso 快讯：
* Dan Abramov 借助 Claude 为 一个 React 缺陷 提交了 修复 PR，并在 Bluesky 上说明了思路。
!Image 8 * 想跟上近期 React Native 与 Expo 的密集更新？React Native Radio 一期节目 回顾约五个月内的发布动态。
!Image 9 * React Norway 将于 6 月 5 日在奥斯陆举办，阵容含 Jack Herrington、Dominik Dorfmeister、Aurora Scharff 等。
!Image 10
* TypeScript 6.0 已于本周早些时候发布，升级时可能要调整若干tsconfig项。
🛠 代码与工具 Semiotic 3.0：React + D3 数据可视化框架—— 这款问世多年的数据可视化库已重写以适配现代栈。除 折线图、面积图 等基础能力外，强项还包括 分级统计地图、桑基图、流图、小提琴图 以及流式数据支持。
nteract TanStack DB 0.6：持久化、离线与层级数据—— TanStack DB 在应用内提供可响应、可查询的数据库，便于在本地读取与筛选数据而少打 API。0.6 的亮点是基于 SQLite 的持久化，并为 Web、移动端与服务端环境提供适配器；文中还深入介绍了其他值得关注的更新。
Willis、De Porre（TanStack） React Native Executorch：声明式在设备端运行 AI 模型—— 若你需要用 AI 模型处理相机输入、运行 VLM 或 Bare RN 场景，可以关注该项目。
Software Mansion Sugar High 1.0：轻量 JSX 语法高亮—— 不依赖 React 即可使用，可在任意场景为 JSX 片段做语法高亮，并可用 CSS 定制主题。GitHub 仓库。
Jiachi Liu
📢 其他生态
* Stroke是个有趣小工具：在页面上手绘（如签名），点击按钮即可生成可嵌入组件的 Motion 动画代码。
!Image 16 * Vavite 6是用于开发与构建服务端 Node 应用的 Vite 插件，前后端都可接入 Vite，并支持双端 HMR。
!Image 17 * e18e 项目的 James Garbutt 撰文分析 node_modules 膨胀的三大成因：无谓的 ES3 时代兼容包、仅被一个依赖使用的微型库，以及对早已内置 API 的 ponyfill。
!Image 18 * Phil Eaton 调研了 112 个主流源码可得项目（Bun、Next.js、React 等）对 AI 辅助贡献的态度，其中仅有四个项目明确禁止。
!Image 19 * 仓库里混入密钥的风险越来越高，Secretlint 是专做密钥检测的 lint 工具；用 Node 编写，也可通过 Docker 用于任意语言项目。
!Image 20 版本发布：
* Jotai v2.19.0—— 面向 React 的原始且灵活的状态管理。
* React Stripe.js v6.0—— Stripe.js 与 Stripe Elements 的 React 组件。
* Astro v6.1
🙋♀️ 关注我们