ReactJS ::服务器渲染

对于大型应用程序，用户可以在网站加载时查看空白屏幕。理想情况下，该屏幕应尽可能小。通过在服务器上呈现初始视图，可以减少感知的加载时间，这具有使搜寻器能够更轻松地解析内容的附加好处。

React已经具备了在Node服务器上处理渲染的能力。可以使用DOM渲染器的特殊版本，该版本遵循与客户端相同的模式。

import ReactServer from 'react-dom/server';
import App from './App';
[...]
ReactServer.renderToString(<App />);

此方法将常规HTML输出为字符串，然后可以将其放置在页面正文中，作为服务器响应的一部分。在客户端，React会检测到预渲染的内容，并在剩余的地方无缝地进行拾取。

使用代码拆分，路由或状态容器的应用程序中的服务器呈现可能会变得更加复杂，但是仍然可以实现。例如，Redux将在服务器上构建一个预加载的状态对象，该对象可以在创建商店时充实客户端。