流式传输 on PlumePHPhttps://plumephp.com/tags/%E6%B5%81%E5%BC%8F%E4%BC%A0%E8%BE%93/Recent content in 流式传输 on PlumePHPHugozh-CNWed, 30 Sep 2026 09:00:00 +0800React Server Components 实战：流式渲染、缓存策略与混合架构https://plumephp.com/frontend-react-server-components/Wed, 30 Sep 2026 09:00:00 +0800https://plumephp.com/frontend-react-server-components/<h2 id="引言">引言</h2> <p>React Server Components（RSC）是 React 18 引入的革命性架构——它让组件可以在服务器上执行，把数据库查询、文件系统访问等服务器能力直接带入组件层。与传统 SSR（服务端渲染 HTML）不同，RSC 服务端执行后输出的是「组件描述序列」（RSC Payload），由客户端 React 解析并渲染。这意味着：零客户端 JS 体积的纯服务端组件、自动数据去重、流式增量传输。本文从 RSC 核心概念出发，深入流式渲染、缓存策略、Server Action 与混合架构设计——给 Next.js App Router 时代的 React 开发者一份实战地图。</p>