researchgate/react-intersection-observer

Health v2 · maintenance only

Adoption not part of the score

1160 stars · 57 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A declarative React component that wraps the browser's IntersectionObserver API for detecting element visibility in the viewport. It handles instance reuse, smart re-rendering, and re-observation so developers only handle visibility changes.

Use cases

• track ad impressions when they scroll into view
• lazy load images when they enter the viewport
• trigger animations when an element becomes visible
• implement infinite scrolling lists
• detect when a user scrolls past a section
• pause videos that are off-screen

When to choose

• you use React and need declarative viewport visibility detection
• you want efficient reuse of IntersectionObserver instances across many elements
• you want a thin, unopinionated wrapper that mirrors the native API

When to avoid

• you are not using React
• you need a hooks-based API (this is a component wrapper)
• you need to support browsers without IntersectionObserver and cannot add a polyfill

Facets

library · maturity stable

ui-components middleware frontend web-development performance browser react intersection-observer viewport-detection lazy-loading scroll-events impression-tracking nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="researchgate/react-intersection-observer")