用途:在构建 Server Components、划分服务端与客户端边界、实现 Server Actions 或迁移到 RSC 模型时提供规则与模式参考。
主要能力:区分 Server Component 与 Client Component 的能力差异(async/await、数据库与文件系统访问、useState/useEffect、事件处理、浏览器 API、useContext 等);说明指令规则(Server Component 无需指令,Client Component 需在文件首行写 "use client",Server Function 用 "use server");列出服务端到客户端边界的可序列化数据类型与禁止项;给出选择服务端或客户端的决策树;提供异步数据获取、Suspense 流式渲染、React 19 的 use() 消费 Promise、Server Functions 与表单渐进增强、服务端包裹客户端及以 children 传递服务端内容的组合模式;并对比 React 18 与 19 的兼容性。
使用方式:需配合支持 RSC 的框架,如 Next.js App Router 13.4+;独立 React(create-react-app、纯 Vite)不支持。建议以 React 19 为目标。
限制:不得在 Client Component 中导入 Server Component,不得跨边界传递普通函数、类实例、DOM 节点、Symbol、数据库连接或密钥;异步 Server Component 做数据获取时应包在 <Suspense> 中。具体安装命令与价格信息暂未提供。