reactjs - "isomorphic React"是什么意思？

Question

我正在浏览 React 教程，在网上我看到了很多关于同构 React 的内容。只是对它是什么以及它如何工作感到困惑。

我的理解是“同构React”是一个应用程序，它在启动时加载所需的所有数据，然后根据用户的请求在客户端不断渲染，将完整的数据保存在存储中(Redux架构) .

现在，如果我有这样的场景，比如我需要使用来自第 3 方应用程序的 Web 服务加载完整的 HTML 表单，我从中获取 json 格式的数据(需要在screen)，并且在执行某些操作后，我需要发回请求，以便我获得一些其他架构将其加载为下一个屏幕。

在这种情况下，我如何使用同构，因为每次我需要进行服务器调用或 ajax 调用(我不喜欢这样做，因为它可能会暴露 API)。

那么在这种情况下我可以说这个应用程序是同构的还是我对同构的理解是完全错误的？

Answer 1

同构:“形式或关系对应或相似”。

对于 Web 应用程序，这意味着服务器在某种程度上类似于客户端 - 从某种意义上说，服务器能够与客户端一样渲染。在某种程度上，同构 Web 应用程序是对旧模式的回归，在旧模式中，服务器渲染数据，然后将其预渲染发送到客户端(想想 PHP 模板或 Ruby erb)。

特别是对于同构 React，这意味着服务器使用 React 组件和 React.renderToString() 为客户端呈现初始 HTML。这消除了双重工作，例如使用 Rails 时在服务器端使用 erb 模板，然后使用 Handlebars 作为客户端模板，并且还避免了 FOUC 。你可以使用 React 来完成所有事情。

现在，如果您使用第 3 方服务，您只需像往常一样使用 json 数据。使您的应用程序同构与否的因素是您自己的服务器是否使用与前端相同的模板引擎。您可能使用的任何第三方服务与您的应用程序是否同构无关。