Как лениво загрузить реагирующий компонент при прокрутке (виртуальная / бесконечная прокрутка)?

Question

Обычно в приложениях с высоким трафиком c, таких как электронная коммерция, необходимо следить за размером загрузки страницы и TTI.
Сценарий. Когда пользователь посещает страницу, нам просто нужно загрузить все компоненты только в области просмотра. если мы отрендерим все при загрузке страницы, это вызовет проблему TTI / Performance.
Как реализовать это в реакции без особых логов c, ни настроек, ни прослушивателей?

Answer 1

Для достижения этой цели у нас есть несколько вариантов

1. прослушивание прокрутки - При таком подходе у нас много проблем при реализации.

   • Сложно поддерживать.
   • Необходимо удалить слушателей перед размонтированием компонента.
   • Несколько слушателей вызывают проблемы с производительностью.

2. ??? реакция-наблюдатель-API ???- Простой и нулевой конфигурации .

   • Простота реализации
   • Простота обслуживания
   • Поддерживаются крючки - Полный контроль над компонентом рендеринга с использованием useVisibilityHook
   • Поддерживается подход Wrapper Class .
   • Такие функции, как forceCheck, forceVisible

??? Для получения более подробной информации о реализации, Проверьте это ? ??