# stratiformltd/react-loadable-visibility

A wrapper around react-loadable and @loadable/component to load elements once they are visible on the page.

Repository: https://github.com/stratiformltd/react-loadable-visibility
Canonical: https://ross.abutalabs.com/products/react-loadable-visibility
Language: JavaScript
License: BSD-3-Clause
License Family: permissive
Last push: 2023-01-04T21:41:18+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 3342, "days_push": 1337, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1004, forks 31 (observed 2026-09-03T02:15:18.188649+00:00)

## What it is
A JavaScript library that wraps react-loadable and @loadable/component to defer loading React components until they become visible in the viewport, using the IntersectionObserver API. It keeps the same API as the underlying libraries while reducing initial payload by only fetching imports for on-screen elements.

## Use cases
- lazy load react components only when visible on screen
- reduce initial javascript bundle size in react apps
- defer code splitting imports until viewport entry
- improve page load performance with viewport-based loading
- wrap react-loadable with intersection observer
- load below-the-fold components on scroll

## When to choose
- you already use react-loadable or @loadable/component and want visibility-based loading
- you have heavy below-the-fold components slowing initial render
- your target browsers support IntersectionObserver

## When to avoid
- you need to support browsers without IntersectionObserver and cannot use a polyfill
- your project has moved to React.lazy or modern frameworks with built-in lazy loading
- you need actively maintained software - the latest release was January 2023

## Facets
- artifact type: library
- maturity: maintenance
- function: frontend-framework, web-framework
- domain: web-development, frontend, performance
- platform: browser
- tags: react, code-splitting, lazy-loading, intersection-observer, deferred-loading, nodejs, javascript

## Member repositories
- stratiformltd/react-loadable-visibility (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-09-03T02:15:18.188649+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T07:13:47.037123+00:00, confidence not recorded.
  - readme: https://github.com/stratiformltd/react-loadable-visibility (fetched 2026-09-03T02:15:18.188649+00:00, sha cb4b3b4eb626)
  - registry_npm: https://registry.npmjs.org/react-loadable-visibility (fetched 2026-08-29T13:13:40.961978+00:00, sha e7ab72924ff5)
- Data as of 2026-08-30T08:39:29.467469+00:00.