React 周刊 第237期

Visualizeit
20 阅读3分钟

⚛️ React 动态

📦 Storybook 9 发布

Storybook 正进化为终极组件测试工具，整合 Vitest 与 Playwright 实现：

  • 交互测试：模拟用户行为验证功能
  • 无障碍测试：检测并修复 WCAG 违规项
  • 视觉测试：像素级检查 UI 异常
  • 覆盖率报告：直观展示代码测试范围
  • 测试面板：一键运行完整测试套件

其他亮点：

  • 体积缩减 48%：文档和测试包改为按需引入
  • 自动化生成：工具辅助快速创建组件用例
  • 标签管理：通过标签筛选/分组用例
  • 全局故事配置：按用例设置主题/视口/语言环境
  • 框架支持：Svelte、Next.js、React Native 等重大更新

🔍 本周精选

📚 RSC 深度解析（Dan Abramov 系列）

  1. 📜 渐进式 JSON
    类比 JPEG/HTML 的深度优先流式解析策略，阐释 RSC 采用广度优先策略的价值，Suspense 实现渲染与数据接收的解耦。另附 视频讲解
  2. 📜 单次导航单次请求
    对比 React 数据获取模式，剖析 RSC 如何兼顾性能与代码组织
  3. 📜 RSC 与 LISP 开发者的共鸣
    解析 'use client' 指令与 LISP 引号机制的相似性
  4. 📜 RSC 为何需要打包器整合？
    探讨服务端组件序列化的技术抉择

🛠️ 工具与库

  • 🚀 Lingo 编译器：开源构建时翻译工具，通过 AST 处理 + LLM 实现 React 应用多语言自动化（支持 Next.js/Remix/Vite），演示视频 效果惊艳
  • 💾 LiveStore 公测：Prisma 作者推出的客户端状态管理方案，基于 SQLite 与事件溯源
  • 🧩 Base UI 1.0 Beta：新增 Menubar/NavigationMenu 等组件
  • 📝 Ink 6.0：支持 React 19 的 CLI 渲染器
  • 🔄 TanStack Query 4.39：向后移植 v5 特性
  • ✍️ Lexical 0.32：可扩展富文本框架

🎥 视频精选

🎧 播客

大家总问我如何保持技术敏锐度——答案就是《React技术周刊》

📱 React Native 动态

❄️ 旧版架构进入冻结状态

React Native 团队宣布将停止旧版架构的功能更新，仅提供安全补丁和关键修复，未来将全面转向新架构（New Architecture）。

🔍 本周亮点

📦 工具更新

📺 视频资源

🔀 其他生态动态

📣 TC39 进展

🛠️ 工具链

  • ⚡ Rolldown-Vite：基于 Rolldown 的 Vite 替代方案，构建速度提升高达 16 倍
  • 🧪 Vitest 3.2：支持 using 语法、测试信号注解
  • 🚧 Vite 7.0 Beta：仅支持 ESM，目标浏览器基准调整
  • ⚙️ Babel 8 Beta：移除历史包袱，专注现代 JS

📚 技术文章

avatar
文章
阅读
粉丝