【发布时间】：2020-08-18 23:59:35
【问题描述】：
通常在电子商务等高流量应用中需要确保页面加载大小和 TTI。
场景，当用户访问页面时，我们只需要在视口中加载所有组件。如果我们在页面加载时渲染所有内容将导致 TTI/性能问题。
如何在没有太多逻辑、配置或侦听器的情况下实现这一点？
【问题讨论】：
标签： reactjs lazy-loading infinite-scroll lazy-initialization intersection-observer
【发布时间】：2020-08-18 23:59:35
【问题描述】：
为此，我们有多种选择
-
收听滚动 - 在这种方法中，我们在实施时遇到了很多挑战。
- 难以维护。
- 需要在组件卸载前删除监听器。
- 多个侦听器会导致性能问题。
-
???react-observer-api ???- 简单零配置。
- 易于实施
- 易于维护
- 支持挂钩 - 使用
useVisibilityHook完全控制渲染组件 - 支持包装类方法。
-
forceCheck,forceVisible等功能
??? 更多实现细节，Check it out???
【讨论】：