React SPA - 顯示加載屏幕，直到呈現多個組件

Question

相對概念性問題的道歉。我試圖仿效全頁顯示，當第一次加載頁面和導航欄後消失的Heroku加載屏幕，圖像，圖書館和其他組件已經安裝：

我知道的Heroku的底層堆棧灰燼，但有用於實現使用的node.js，的WebPack，反應，反應路由器類似的效果好的做法/方式，和表示。這不是同構的，我更喜歡所有的渲染都發生在客戶端上。

感謝您的幫助，讓我知道，如果有這將是瞭解我想要做有用的任何其他信息。

Answer 1

我還沒有嘗試過這個，但我想你可以簡單地爲你的'全頁面加載屏幕'提供HTML作爲你的頁面附帶的初始HTML，然後簡單地用你的ReactDOM.render調用替換它，它會只有在處理完所有內容後才能進行處理。

更具體地說，如果你把所有JS腳本標籤的頁腳，那麼你的文檔的其餘部分將加載和渲染，而被加載腳本，讓您在「加載屏幕」的效果。它應該能夠簡單地將加載圖形放入div中，然後使用React對其進行渲染。