React Server Components 深度解析

React Server Components (RSC) 是 React 生态系统中的一个重大创新，它改变了我们构建现代 Web 应用的方式。

核心概念

Server Components 允许组件在服务器端渲染，并将渲染结果发送到客户端，而不需要发送组件的 JavaScript 代码。

Server Components 和 Client Components 可以无缝组合：

Server Components 的最大优势在于减少客户端 JavaScript bundle 大小。将非交互性组件移到服务器端可以显著提升应用性能。

默认使用 Server Components
- 除非需要交互性，否则组件应该是 Server Component
- 使用 'use client' 标记交互组件
数据获取在服务器端
- 利用服务器环境直接访问数据库
- 避免暴露敏感信息到客户端
合理拆分组件
- 将交互部分和展示部分分离
- 尽可能缩小 Client Component 的范围

相关笔记：

Server Components 特别适合以下场景：

Server Components 不能使用浏览器 API（如 window、localStorage），也不能使用 React Hooks（如 useState、useEffect）。

React Server Components 正在快速发展，配合 Next.js 13+ 的 App Router，已经成为构建现代 Web 应用的标准方案。

标签: #React #SSR #前端架构 #性能优化