编程 · NOTE 03

React Server Components 的心智模型

不从 API 出发,而是从数据边界、渲染位置和用户体验理解 RSC。

2026年7月5日9 分钟阅读最近整理 2026年7月5日

先问组件在哪里工作

理解 Server Components 的关键,不是记住新的 API,而是区分两种职责:靠近数据的渲染与靠近用户的交互。

服务端组件适合读取数据、组合页面和减少发送到浏览器的 JavaScript;客户端组件负责状态、事件与浏览器能力。

边界比标签更重要

"use client" 标记的是一条模块边界。边界之上的内容可以留在服务器,边界之下的依赖会进入客户端图。设计时应把交互区域做小,而不是把整页都变成客户端组件。

一个判断顺序

  1. 这个组件需要点击、输入或浏览器 API 吗?
  2. 它是否可以在服务器直接取得数据?
  3. 传给客户端的内容能否保持可序列化?

从这三个问题出发,组件放在哪里通常会自然变得清晰。

#React#RSC#前端架构