React Server Components (RSC) 深度解密：客户端 vs 服务端组件边界

## 1. RSC 的本质优势 - **零客户端 JS 体积 (Zero Bundle Size)**：服务端组件仅在服务端运行，其引用的所有重型依赖（如 Markdown 解析器、日期库）完全不会打包进客户端 JS！ - **直接访问后端资源**：无需再写 `useEffect + fetch`，在组件内直接 `await db.query()` 即可拿到数据。 ```tsx // 服务端组件 (默认) export default async function UserProfile({ id }: { id: string }) { const user = await db.user.findUnique({ where: { id } }); return <ClientButton initialData={user} />; } ```