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

Question

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

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

服务器端呈现有哪些常见用例？

Answer 1

React的SSR（服务器端渲染）提供了一些优于CSR（客户端渲染）的优势：

<强> 1。在客户端改进（感知）性能

显然，渲染的组件会立即显示给用户，而无需等待浏览器渲染。在加载并执行所有React代码之前，网站不会是交互式的，但是通过向用户尽快显示内容来提高感知性能。

<强> 2。更好的SEO

由于内容是在服务器端呈现的，因此搜索引擎抓取工具可以查看呈现的内容，而不仅仅是带有JS标记的空白页面。

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

复杂的内容 - 是的，SSR引入了额外的复杂性，但每个技术决策总是需要权衡。

Answer 2

所谓Universal apps或＆＃34;同构JavaScript＆＃34;的全部观点。它是＆＃34;写一次，到处运行＆＃34;座右铭。这意味着您不需要维护特定的后端项目和特定的前端项目，这些项目在技术上有所不同，而是将整个JavaScript项目合并为一个。

它并不像你想象的那么花哨，因为你仍然需要维护一个处理初始GET请求的后端特定部分。

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

至于复杂性 - 我想，它可能像你想要的那样复杂或简单。通过做一个通用的应用程序并不能解决所有问题。也不是通过做一个标准的网络应用程序来解决所有问题。