客戶端渲染的應用程序與ReactJS中的服務器端渲染不同

Question

我在電子商務網站上工作，所以SEO是絕對重要的。我只從ReactJS開發開始，由於大多數可用資源使用客戶端渲染，因此我結束了做到這一點。

我想知道：

1. 也有很大陣營客戶端和服務器端渲染應用程序之間的差異？

2. 客戶端沒有針對SEO進行優化？

3. 將客戶端呈現的應用程序轉換爲服務器端的額外工作量是多少？

4. 什麼所有的組件會在這樣做的過程中被實際改變？

Answer 1

也有很大陣營客戶端和服務器端渲染應用程序之間的差異？

在服務器上，您沒有DOM，因此例如componentDidMount將不會運行（因爲組件未實際掛載）。您也無權訪問window。

客戶端沒有針對SEO優化？

Google在呈現SPA應用程序方面表現相當不錯，但是當您從API獲取數據（例如文本）時，問題就出現了。如果響應速度很快，那麼內容將被編入索引，但如果不是，爬蟲不會等待，並且該網站將被編入空白點。

將客戶端呈現的應用程序轉換爲服務器端的額外工作量是多少？

這真的取決於應用程序的複雜性。

什麼所有組件在實際操作過程中都會發生變化？

不需要。重點是您實際上呈現相同的東西，但不是在瀏覽器中，而是在服務器上。 在最簡單的情況下，唯一的區別是您使用ReactDOM.renderToString()而不是ReactDOM.render()。