Skip to content

React 文档

导读与全书目录表:见同目录 01-React 入门:简介·特性与设计范式.md 开头。


React:服务端渲染(SSR)

定义

Node 服务端 首次请求时执行 React 渲染,输出 HTML 字符串再下发浏览器;客户端再 hydrate(注水) 绑定事件,后续可走 SPA 导航。

常见方案

方案说明
Next.js业内主流,getServerSideProps / App Router 等数据获取模式
自定义 NoderenderToString / renderToPipeableStream + 路由与数据预取

与 CSR 对比

维度SSRCSR
首屏HTML 直出,利于 SEO 与 FCP依赖 JS 执行后才有内容
服务器成本需要 Node 运行时静态托管即可
交互复杂度数据注水、前后状态一致性需注意相对单纯

常见辨析要点

  • 同构:一套组件服务端与客户端共用;注意 window/document 仅在浏览器存在。
  • 流式 SSRrenderToPipeableStream 渐进输出 HTML,改善 TTFB。