React/Redux中服务器端渲染的要点是什么？

Question

React/Redux中服务器端渲染的要点是什么？

在我看来，软件中增加了另一层级的复杂性，但我并没有真正看到它的好处。

服务器端渲染的一些常见用例是什么？

Answer 1

所谓的Universal apps或“同构JavaScript”的全部要点就是它的“写一次，到处跑”的格言。这意味着您不需要维护特定的后端项目和特定的前端项目，而是将整个JavaScript项目合并为一个。

这不像您想象的那么花哨，因为您仍然需要维护处理最初GET请求的后端特定部分。

此外，您还可以利用应用程序的单页性质，同时让服务器端第一次加载页面，使您的网站100％可被Google抓取，尽管Google现在可以非常有效地抓取SPA。

至于复杂性 - 我猜可能是复杂或简单的。并非所有事情都是通过执行“通用应用程序”来解决的，也不是通过执行标准Web应用程序来解决所有问题。

Answer 2

阵营的SSR（服务器端渲染）提供了超过CSR一些好处（客户端绘制）：

在客户端

显然1.改善（感知）的性能，渲染组件显示用户立即无需等待浏览器渲染。在加载和执行所有React代码之前，该网站将不会互动，但通过尽快向用户显示内容，可以提高感知性能。

2.更好的SEO

由于内容在服务器端渲染，搜索引擎爬虫可以看到显示的内容，而不是仅仅用JS标记一个空白页。

注意：Google抓取工具支持JavaScript呈现，但不确定其他搜索引擎。复杂的

---

Interms - 是的，SSR引入额外的复杂性，但始终有一个为每个技术决策的权衡。