编程 · NOTE 03
React Server Components 的心智模型
不从 API 出发,而是从数据边界、渲染位置和用户体验理解 RSC。
先问组件在哪里工作
理解 Server Components 的关键,不是记住新的 API,而是区分两种职责:靠近数据的渲染与靠近用户的交互。
服务端组件适合读取数据、组合页面和减少发送到浏览器的 JavaScript;客户端组件负责状态、事件与浏览器能力。
边界比标签更重要
"use client" 标记的是一条模块边界。边界之上的内容可以留在服务器,边界之下的依赖会进入客户端图。设计时应把交互区域做小,而不是把整页都变成客户端组件。
一个判断顺序
- 这个组件需要点击、输入或浏览器 API 吗?
- 它是否可以在服务器直接取得数据?
- 传给客户端的内容能否保持可序列化?
从这三个问题出发,组件放在哪里通常会自然变得清晰。