发布于

2026-第三十一周

作者

该周报主要为各个地方内容的汇总整理

技术

工具

GitHub - foxted/rsc-boundary: 用于可视化 Next.js App Router 中 React 服务端

RSC Boundary 是一款轻量级开发工具,用于在 React Server Component 应用中直观显示服务端组件与客户端组件的边界,支持 Next.js 和 TanStack Start,开发模式下提供彩色轮廓和标签,生产模式零开销。

  • 🧩 轻量级开发工具,直接在浏览器中展示 React Server Component 与 Client Component 的边界,无需在每个文件添加标注。
  • 🎨 开发模式下显示橙色虚线轮廓(客户端组件根)和蓝色虚线轮廓(服务端区域),并附带组件名称和来源的标签面板。
  • 🚀 生产构建时提供透传,无额外 DOM 或运行时成本,仅开发模式启用。
  • 📦 支持 Next.js (App Router) 和 TanStack Start,通过安装 @rsc-boundary/next@rsc-boundary/start 并包裹根布局即可使用。
  • 🔄 旧版无作用域包 rsc-boundary 已废弃,需迁移至新包名,安装后自动包含核心依赖。
  • 🏗️ 包结构清晰:@rsc-boundary/core(框架无关引擎)、@rsc-boundary/next(Next.js 适配器)、@rsc-boundary/start(TanStack Start 适配器)。
  • 🤖 提供编码代理技能,可快速执行安装步骤(如 npx skills add foxted/rsc-boundary --skill install-next)。
  • 📜 版本号统一,使用 Changesets 管理发布,遵循 MIT 许可证,包含贡献指南和安全策略。

更新

设计

AI

其他