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

时间:2018-08-24 10:13:50

标签: javascript reactjs serverside-rendering gatsby isomorphic-javascript

与使用静态生成的React应用(例如gatsby)相比,使用同构(服务器端)react是否有任何主要区别或好处?

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

谢谢。

1 个答案:

答案 0 :(得分:2)

有一些区别。

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

在什么条件下一个人会比另一个人受宠?

理想情况下,在加载页面(Iso)时将特定于用户的数据切断 内容变化不大且不是特定于用户的内容(Pre)

指出的差异是关键差异。在不同的方法中,技术是多种多样的。

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

两个好的资源:

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

https://jamstack.org