IV.8 理解服务器状态与客户端状态

• 客户端状态：仅存在并管理于客户端（浏览器）的数据，通常与 UI 交互相关（例如，模态框打开/关闭、表单输入值、主题偏好）。由 React 的 useState、Context 或客户端状态管理库管理。
• 服务器状态：源自远程系统（例如，数据库、API）的数据，需要获取、缓存并与客户端同步。由 SWR 或 TanStack Query 等数据获取库管理，或由元框架中的服务器组件管理。

清晰区分客户端状态和服务器状态 是现代前端开发的基本架构原则。这种区别直接影响逻辑的归属（Next.js 中的服务器组件与客户端组件）、数据如何获取和更新，以及最终的应用程序性能和可伸缩性。误解这一点会导致低效的数据流和复杂的状态管理。