从零开始React服务器渲染
这篇文章讲的是如何用Node+React实现服务器渲染，重点对比了两个关键函数。 作者从服务器渲染带来的SEO和首屏速度优势说起，核心聚焦在 `react-dom/server` 包中的 `renderToString` 与 `renderToStaticMarkup` 这两个API。它们的主要区别在于生成的HTML：`renderToString` 会在DOM上附加 `data-react-id` 和 `data-react-checksum` 等属性，这为客户端提供了“水合”的依据，使得React能高效地接管页面并避免重复渲染；而 `renderToStaticMarkup` 则生成更干净的HTML，没有额外属性，适用于完全静态的页面，但客户端会重新渲染整个组件。 文章不仅阐述了原理，还给出了清晰的代码示例，演示了如何使用 `renderToStaticMarkup` 渲染一个静态页面，并进一步通过一个计数器例子，完整展示了从服务端渲染到客户端初始化的全流程。最终指出，选择哪个函数，决定了应用是能拥有流畅的交互，还是仅作为一个静态文档。 对于想在实际项目中应用React SSR的开发者来说，理解这个核心区别是搭建稳定、高效渲染流程的第一步。
