tag
React Server Components 实战：RSC 与 SSR/CSR 区别、Server Component 执行环境（Node.js/Edge）、客户端组件边界（'use client'）、流式传输（Suspense + Streaming）、数据获取与缓存（React Cache/fetch 自动 dedupe）、Server Action 与表单突变、混合架构设计（App Router 文件约定）、性能优化（Payload 大小/部分水合/选择性渲染）、与 Next.js App Router 深度集成、常见陷阱与排错。
引言 渲染模式决定了用户看到第一个字节的速度、SEO 的可见性与服务器的成本。CSR、SSR、SSG、ISR 各有适用边界，Next.js App Router 的 React Server Components 与流式渲染又进一步模糊了传统分类。本文系统梳理渲染模式全景，深入 Next.js、Nuxt、Astro 等框架的实现机制，并给出按业务场景的选型建议。
深入 Next.js App Router 内部机制：Server Components 数据获取与 RSC Payload、Streaming/Suspense 流式渲染、fetch 缓存/路由缓存/客户端缓存三层语义、revalidateTag 与 revalidatePath 精确失效，以及与 Pages Router 的完整对照与迁移路径。
深入理解 React Server Components 的内部机制：设计动机、与传统 SSR 的本质差异、Hybrid Rendering、多层缓存系统、流式渲染流水线，以及 RSC 的限制与最佳实践。
深入理解现代 Web 渲染策略：CSR、SSR、SSG、ISR、RSC 的原理、优缺点和适用场景，掌握如何在 Next.js 中选择合适的渲染模式，实现最佳的性能和用户体验。