ReactJS ::服务器渲染
对于大型应用程序,用户可以在网站加载时查看空白屏幕。理想情况下,该屏幕应尽可能小。通过在服务器上呈现初始视图,可以减少感知的加载时间,这具有使搜寻器能够更轻松地解析内容的附加好处。
React已经具备了在Node服务器上处理渲染的能力。可以使用DOM渲染器的特殊版本,该版本遵循与客户端相同的模式。
import ReactServer from 'react-dom/server'; import App from './App'; [...] ReactServer.renderToString();
此方法将常规HTML输出为字符串,然后可以将其放置在页面正文中,作为服务器响应的一部分。在客户端,React会检测到预渲染的内容,并在剩余的地方无缝地进行拾取。
使用代码拆分,路由或状态容器的应用程序中的服务器呈现可能会变得更加复杂,但是仍然可以实现。例如,Redux将在服务器上构建一个预加载的状态对象,该对象可以在创建商店时充实客户端。