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

Question

我是React的新手，想知道何时使用：

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

使用React和Django Rest Framework。是什么使某事变得更好？谢谢！

Answer 1

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

搜索引擎优化

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

过去，搜索引擎将无法抓取任何该React内容。如今，像Google 这样的搜索引擎都能够抓取该内容，因此，这已不再是服务器端呈现的原因。结帐Google's docs了解更多。这也是该主题的great talk。

第一个内容丰富的绘画（又名性能）

对于大型应用，浏览器首次向用户显示内容的时间可能会有明显的不同。有关更多信息，请参见this article。

数据

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

复杂度

服务器端渲染是某些项目可能不需要的复杂性。作为软件工程师，可能会争辩说我们有责任尽可能降低复杂度，并且在遇到需要保证服务器端渲染会增加复杂性的问题之前，默认选择客户端渲染。