React Server Components (RSC) 将组件逻辑在服务端执行,减少前端 bundle。
核心概念
- 服务端组件可以直接访问数据库,不会出现在客户端 bundle 中。
- 客户端与服务端组件通过
use client指令分界。 - 流式渲染提升首屏体验,需要处理 Suspense 边界。
实战步骤
- 在 Next.js 13+ 中使用 App Router 构建 RSC 路由。
- 封装数据访问层,确保服务端组件具备安全的权限校验。
- 利用
cache()函数对服务端数据做 memo。
2000/2/16小于 1 分钟