运行时与Server Components
Server Components改变前后端边界,无服务器架构成为主流开发模式。
Server Components 技术
| 技术 | 说明 | 关键字 |
|---|---|---|
| Server Components | React Server Components服务器组件、数据库直连、无网络开销、零客户端JavaScript bundle | Server Components RSC |
| Server Actions | "use server"声明服务端函数、渐进增强、表单处理简化、类型安全调用 | Server Actions "use server" |
| Streaming SSR | 结合Suspense流式渲染、首屏快速响应、复杂组件异步加载、用户体验优化 | Streaming Suspense |
| Partial Prerendering | React新渲染模式、静态壳+动态流结合、最佳首屏+最佳交互性能 | PPR |
前端架构演进
| 阶段 | 特点 | 技术模式 |
|---|---|---|
| 传统前后端分离 | Client → API → Server → Database,JSON传输,状态管理复杂 | REST API JSON |
| SSR/SSG 时代 | 服务端渲染或静态生成,首屏快但交互受限 | SSR SSG |
| Server Components 时代 | 前后端代码统一仓库,按组件选择渲染策略 | RSC 混合渲染 |