react 元素延迟加载_React中的延迟加载路线

react 元素延迟加载

As developers, when we build apps for users on the internet, it is very important to ensure that the app is served to the user in the fastest way possible.

作为开发人员，当我们为互联网上的用户构建应用程序时，确保以最快的方式为用户提供应用程序非常重要。

When building React applications, it's very common to see the size of the app grow largely due to the number of dependencies in use. This happens when a section of the app (or route) might import a large number of components that are not necessary when it first loads. This can reduce the initial load time of the app.

在构建React应用程序时，通常会看到应用程序的大小在很大程度上由于所使用的依赖项而增长。 当应用程序（或路由）的某个部分可能会导入大量首次加载时不需要的组件时，就会发生这种情况。 这样可以减少应用程序的初始加载时间。

So how do we approach this? How do we make sure that the app only loads what is needed thereby avoiding bloat in the code?

那么我们该如何处理呢？ 我们如何确保应用程序仅加载所需的内容，从而避免代码中出现膨胀？

We can do that