reactjs - 您什么时候使用客户端渲染 VS。服务器端渲染？

Question

我是 React 新手，想知道何时有人会使用：

1. 服务器端渲染
2. 客户端渲染

使用 React 和 Django Rest 框架。是什么导致某件事与其中一个或另一个更好？谢谢！

标签： reactjsdjangodjango-rest-framework

Answer 1

此列表试图简要概述此处的一些权衡。

搜索引擎优化

使用客户端渲染，当您查看页面的源代码时，您的整个 React 应用程序将变成类似<div id="root"></div>.

过去，搜索引擎无法抓取任何 React 内容。今天，像谷歌这样的搜索引擎能够抓取这些内容，所以这不再是服务器端渲染的理由。查看Google 的文档了解更多信息。这也是一个很好的话题。

第一次有内容的绘画（又名性能）

对于大型应用程序，浏览器首次向用户显示内容所需的时间可能会有明显差异。有关更多信息，请参阅这篇文章。

数据

如果您的应用程序需要在首次安装应用程序时获取数据，您可以在接收数据之前向用户显示加载微调器。另一种选择是服务器端呈现应用程序并在服务器上发出该请求。然后，顶级 React 组件可以接收该数据作为第一次安装应用程序时可用的道具。

复杂

服务器端渲染是一些项目可能不需要的额外复杂性。作为软件工程师，可以说我们有责任尽可能降低复杂性，并且选择客户端渲染应该是默认选项，直到您遇到需要服务器端渲染带来的额外复杂性的问题。