- 发布于
2026-第三十一周
- 作者

- 姓名
- AgedCoffee
- @__middle__child
该周报主要为各个地方内容的汇总整理
技术
工具
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 许可证,包含贡献指南和安全策略。