react ssr 服务端渲染原理解析与实践
搭建ssr服务器教程服务端渲染(SSR)是指在服务器端直接渲染React组件，使客户端在首屏就能看到 Dom 树。其基本原理如下：
1. Node server 接收客户端请求，得到当前的Req url path，然后在已有的路由表内查到对应的组件。
2. 拿到需要请求的数据，将数据作为 props、context 或者 store 形式传入组件。
3. 基于 React 内置的服务端渲染 API（renderToString() 或 renderToNodeStream()），把组件渲染为 HTML 字符串或者 Stream 流。
4. 在输出最终的 HTML 之前，需要将数据注入到浏览器端（注水），然后 server 输出（response）。
5. 浏览器端接收数据（脱水）后，开始进行渲染和节点对比，然后执行组件的 ComponentDidMount，完成组件内事件绑定和一些交互。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。