React Intersection Observer (scroll + lazy-load картинок)

Представьте, что вам нужно определить, что какой-то конкретный попал в область вашего экрана на 10% или 100%, после чего необходимо выполнить какое-то действие? Например, анимировать элемент.

React Intersection Observer идеально справится с этой задачей!

Нужно определить, что пользователь дошел до конечного скролла? Юзай Intersection Observer.

Нужно сделать ленивую подгрузку картинок? Вперёд вместе с React Intersection Observer!

Например, в Эльдорадо необходимо было динамически подгружать отдельные компоненты, когда на экране отобразился какой-нибудь элемент или отправлять отчет в аналитику о том, что пользователь увидел баннер и там мы юзали именно эту библиотеку.

#archakov #react #javascript #js