客户端渲染的应用程序与ReactJS中的服务器端渲染不同

Question

我在电子商务网站上工作，所以SEO是绝对重要的。我只从ReactJS开发开始，由于大多数可用资源使用客户端渲染，因此我结束了做到这一点。

我想知道：

1. 也有很大阵营客户端和服务器端渲染应用程序之间的差异？

2. 客户端没有针对SEO进行优化？

3. 将客户端呈现的应用程序转换为服务器端的额外工作量是多少？

4. 什么所有的组件会在这样做的过程中被实际改变？

Answer 1

也有很大阵营客户端和服务器端渲染应用程序之间的差异？

在服务器上，您没有DOM，因此例如componentDidMount将不会运行（因为组件未实际挂载）。您也无权访问window。

客户端没有针对SEO优化？

Google在呈现SPA应用程序方面表现相当不错，但是当您从API获取数据（例如文本）时，问题就出现了。如果响应速度很快，那么内容将被编入索引，但如果不是，爬虫不会等待，并且该网站将被编入空白点。

将客户端呈现的应用程序转换为服务器端的额外工作量是多少？

这真的取决于应用程序的复杂性。

什么所有组件在实际操作过程中都会发生变化？

不需要。重点是您实际上呈现相同的东西，但不是在浏览器中，而是在服务器上。 在最简单的情况下，唯一的区别是您使用ReactDOM.renderToString()而不是ReactDOM.render()。