thebuilder/react-intersection-observer
React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport. observed · 2026-08-28
Health v2 · maintenance only
95/100
- Activity 99
- Release rhythm 87
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: 33
- age_days: 3410
- days_rel: 7
- days_push: 7
- n_releases_24m: 12
Adoption not part of the score
5538 stars · 188 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
A tiny (~1 kB gzipped) TypeScript React library wrapping the browser Intersection Observer API. It exposes hooks (useInView, useOnInView) and an <InView> component to detect when elements enter or leave the viewport.
Use cases
- lazy load images when they scroll into view
- trigger scroll reveal animations in react
- track ad impressions when visible
- build infinite scroll lists
- highlight the active section in a scrollspy nav
- prefetch data when a component approaches the viewport
When to choose
- you use React 17+ and need viewport visibility detection with a tiny bundle
- you want typed APIs matching native IntersectionObserverInit options
- you observe many elements and need shared observers for performance
- you need deterministic Jest/Vitest tests with an Intersection Observer mock
When to avoid
- you are not using React
- you need scroll position or parallax effects rather than simple visibility
- you target very old browsers without Intersection Observer support and cannot polyfill
Facets
library · maturity stable
ui-components state-management developer-tools frontend web-development performance browser react-hooks intersection-observer viewport-detection lazy-loading scroll-animations impression-tracking infinite-scroll typescript nodejs web-server
4 sources
- readme: https://github.com/thebuilder/react-intersection-observer · fetched 2026-08-28 · abcceb246a57
- homepage: https://roi.thebuilder.dk · fetched 2026-08-29 · 98da7a34ee9d
- site_page: https://react-intersection-observer.thebuilder.dk/overview · fetched 2026-08-29 · c02f877db59e
- site_page: https://react-intersection-observer.thebuilder.dk/changelog · fetched 2026-08-29 · 449972b0bb70
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| thebuilder/react-intersection-observer | main | 95 |
For agents
markdown · JSON · MCP: product_card(name="thebuilder/react-intersection-observer")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem