React SPA - 显示加载屏幕，直到呈现多个组件

Question

为相对概念性的问题道歉。我尝试模拟页面首次加载时出现的整页 Heroku 加载屏幕，并在导航栏，图像，库和其他组件已安装后消失：

我知道Heroku的底层堆栈是 Ember ，但使用 node.js ， webpack <有一个很好的实践/方法来实现类似的效果/ em>， react ， react-router 和 express 。它不是同构的，我更希望所有渲染都在客户端上进行。

感谢您的帮助，如果有任何其他信息有助于了解我尝试做什么，请告诉我。

Answer 1

我还没试过这个，但我想你可以简单地为你的整页加载屏幕提供HTML＆＃39;作为页面附带的初始HTML，然后只需将其替换为您的ReactDOM.render调用，该调用仅在处理完所有内容后才会被处理。

更具体地说，如果您将所有JS脚本标记放在页脚中，那么在加载脚本时，文档的其余部分将加载并呈现，从而为您提供“加载”屏幕＆＃39;影响。它应该可以简单地将加载图形放在div中，然后用React渲染它。