ReactJS中的同构渲染方式是什么

Question

JavaScript框架不是“搜索引擎友好”的。搜索引擎在动态加载数据时遇到麻烦，最后框架创建了标记。

此问题在React中以同构渲染方式解决。这个概念实际上是什么？与Angular有什么不同？

P.S。 ReactJS的新手。如有更多概念化的解释，将不胜感激。

Answer 1

默认情况下，SPA框架的SEO不好，因为DATA在AJAX页面加载后出现。这意味着如果您在所有页面标题中看到“ ctrl + U”页面的来源均相等，则对SEO不利。

请参阅此处以执行SSR（server-side-rendering）。提取了SSR中的数据，并建立了页面的Dom。

如果您不想使用纯粹的方式，可以使用nextJs。

例如，请参见我的React SSR项目：malltina.com

Answer 2

ReactJS只是javascript，可以在浏览器中运行，也可以在服务器中运行。例如，http请求之后的nodejs服务器可以运行react，该响应生成html标记，然后将该标记发送到浏览器。这被称为反应服务器端渲染，但也有人称为通用反应。

有关于此的在线教程/课程。您可以搜索有关反应服务器端渲染的信息。 我个人会推荐本课程https://www.udemy.com/server-side-rendering-with-react-and-redux/，以了解其工作原理

此外，由于ssr并不容易，因此您可以了解它的工作原理，但之后我建议使用nextjs。