试图了解同构的响应应用程序应该如何进行客户端路由。

Question

请原谅我的英语，这是第二语言。与常规客户端SPA相比，同构应用程序的全部要点是，客户端一开始不必下载整个JS文件，这会导致初始加载时间非常慢。

我一直在试图教会自己服务器端呈现的反应，在观看了无数关于这个概念的视频之后，在学习了无数关于实际实现的教程之后，我仍然无法理解这一点(至少我是这么理解的)：

尽管服务器有条件地呈现页面并在url更改时向客户端发送支持，但客户端仍然使用一个路由器，该路由器包含应用程序的所有入口点(通过要求所有这些入口点，然后根据url位置加载文件)。这不意味着所有的文件都包含在主客户端JS文件中，因为客户端路由器已经需要它了？这难道不辜负服务器呈现反应的全部目的吗？还是我想错了？

简而言之，一个同构的React应用程序是如何与包括(通过要求)应用程序的所有入口点的客户端路由器一起工作的？

Answer 1

我不确定“同构应用程序的全部要点.这样客户端一开始就不必下载整个JS文件，这会导致初始加载时间非常慢”，这是必然的。我认为人们这样做的主要原因是SEO的原因和提高感知负荷时间。您仍然可以在用户必须加载所有JavaScript之前向他们显示页面(例如，他们必须加载所有JS，但没关系，因为他们已经拥有了大部分/全部内容)。该应用程序升级为SPA透明，为用户提供无缝的体验。

也就是说，您可以实现一个系统，在这个系统中，您不必使用类似于webpack码分裂的东西一次加载所有JS。甚至还有一个简单的React路由器示例能做到这一点。