同构 React 与 Gatsby(静态站点)React

Isomorphic React vs Gatsby (Static Site) React

使用同构(服务器端)React 与使用静态生成的 React 应用程序(例如 gatsby)相比,有什么主要区别或好处吗?

我知道,两者都会生成 html 以发送到浏览器以进行初始页面加载,因此它们都具有 SEO 优化。两者都可以与经过身份验证的路由和非静态内容一起使用。我知道它们不是一回事,但有什么区别,更重要的是为什么有人会使用一个而不是另一个。

提前致谢。

有些不同。

  1. 顾名思义,同构渲染需要后端服务器;预渲染不需要后端服务器。
  2. 使用 SSR,页面和元数据将包含用户特定的数据;预呈现将不包括初始页面加载时的用户特定数据。
  3. 预渲染需要提供多个 .html 文件,代理必须重定向到这些文件;同构渲染还是SPA

在什么情况下一个人会比另一个人更受青睐?

加载页面时用户特定数据最好在何处被切断 (Iso) 内容变化不大且不是用户特定的(预)

所指出的差异是关键差异。不同方法中的技术有所不同。

另外,同构渲染结合了 SSR 和 CSR。同构渲染在浏览器中进行动态路由。仅 SSR 解决方案在每条新路线上提供新页面。

两个好资源:

https://www.toptal.com/front-end/client-side-vs-server-side-pre-rendering

https://jamstack.org