{"adoption": {"forks": 31, "observed_at": "2026-09-03T02:15:18.188649+00:00", "stars": 1004}, "canonical_url": "https://ross.abutalabs.com/products/react-loadable-visibility", "card": {"archived": false, "artifact_type": "library", "description": "A wrapper around react-loadable and @loadable/component to load elements once they are visible on the page.", "domain": ["web-development", "frontend", "performance"], "enriched": true, "function": ["frontend-framework", "web-framework"], "health_score": 20, "homepage": null, "language": "JavaScript", "license": "BSD-3-Clause", "license_family": "permissive", "maturity": "maintenance", "member_repos": ["stratiformltd/react-loadable-visibility"], "name": "stratiformltd/react-loadable-visibility", "platform": ["browser"], "pushed_at": "2023-01-04T21:41:18+00:00", "repo": "stratiformltd/react-loadable-visibility", "stars": 1004, "tags": ["react", "code-splitting", "lazy-loading", "intersection-observer", "deferred-loading", "nodejs", "javascript"], "topics": [], "urls": [], "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"], "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.", "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"], "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"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/react-loadable-visibility", "repo": "stratiformltd/react-loadable-visibility", "role": "main", "score": 23}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-09-03T02:15:18.188649+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-30T07:13:47.037123+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cb4b3b4eb62651d59cf58d8c33a1d84ee823dedb1598d1fba22e32a220bed82a", "fetched_at": "2026-09-03T02:15:18.188649+00:00", "kind": "readme", "missing": false, "url": "https://github.com/stratiformltd/react-loadable-visibility"}, {"content_hash": "e7ab72924ff5cdced59483e86e8de69508ee6732daeac8aa277fe151a4a20feb", "fetched_at": "2026-08-29T13:13:40.961978+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-loadable-visibility"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-09-03T02:15:18.188649+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-30T07:13:47.037123+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cb4b3b4eb62651d59cf58d8c33a1d84ee823dedb1598d1fba22e32a220bed82a", "fetched_at": "2026-09-03T02:15:18.188649+00:00", "kind": "readme", "missing": false, "url": "https://github.com/stratiformltd/react-loadable-visibility"}, {"content_hash": "e7ab72924ff5cdced59483e86e8de69508ee6732daeac8aa277fe151a4a20feb", "fetched_at": "2026-08-29T13:13:40.961978+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-loadable-visibility"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-30T07:13:47.037123+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cb4b3b4eb62651d59cf58d8c33a1d84ee823dedb1598d1fba22e32a220bed82a", "fetched_at": "2026-09-03T02:15:18.188649+00:00", "kind": "readme", "missing": false, "url": "https://github.com/stratiformltd/react-loadable-visibility"}, {"content_hash": "e7ab72924ff5cdced59483e86e8de69508ee6732daeac8aa277fe151a4a20feb", "fetched_at": "2026-08-29T13:13:40.961978+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-loadable-visibility"}], "taxonomy_version": 1}, "health_score": {"inputs": ["days_since_push", "days_since_release", "archived"], "kind": "computed", "method": "health_v1"}, "homepage": {"kind": "observed", "observed_at": "2026-09-03T02:15:18.188649+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-09-03T02:15:18.188649+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-09-03T02:15:18.188649+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-30T07:13:47.037123+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cb4b3b4eb62651d59cf58d8c33a1d84ee823dedb1598d1fba22e32a220bed82a", "fetched_at": "2026-09-03T02:15:18.188649+00:00", "kind": "readme", "missing": false, "url": "https://github.com/stratiformltd/react-loadable-visibility"}, {"content_hash": "e7ab72924ff5cdced59483e86e8de69508ee6732daeac8aa277fe151a4a20feb", "fetched_at": "2026-08-29T13:13:40.961978+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-loadable-visibility"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-09-03T02:15:18.188649+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-09-03T02:15:18.188649+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-30T07:13:47.037123+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cb4b3b4eb62651d59cf58d8c33a1d84ee823dedb1598d1fba22e32a220bed82a", "fetched_at": "2026-09-03T02:15:18.188649+00:00", "kind": "readme", "missing": false, "url": "https://github.com/stratiformltd/react-loadable-visibility"}, {"content_hash": "e7ab72924ff5cdced59483e86e8de69508ee6732daeac8aa277fe151a4a20feb", "fetched_at": "2026-08-29T13:13:40.961978+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-loadable-visibility"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-09-03T02:15:18.188649+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-09-03T02:15:18.188649+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-09-03T02:15:18.188649+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-30T07:13:47.037123+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cb4b3b4eb62651d59cf58d8c33a1d84ee823dedb1598d1fba22e32a220bed82a", "fetched_at": "2026-09-03T02:15:18.188649+00:00", "kind": "readme", "missing": false, "url": "https://github.com/stratiformltd/react-loadable-visibility"}, {"content_hash": "e7ab72924ff5cdced59483e86e8de69508ee6732daeac8aa277fe151a4a20feb", "fetched_at": "2026-08-29T13:13:40.961978+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-loadable-visibility"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-09-03T02:15:18.188649+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-09-03T02:15:18.188649+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-30T07:13:47.037123+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cb4b3b4eb62651d59cf58d8c33a1d84ee823dedb1598d1fba22e32a220bed82a", "fetched_at": "2026-09-03T02:15:18.188649+00:00", "kind": "readme", "missing": false, "url": "https://github.com/stratiformltd/react-loadable-visibility"}, {"content_hash": "e7ab72924ff5cdced59483e86e8de69508ee6732daeac8aa277fe151a4a20feb", "fetched_at": "2026-08-29T13:13:40.961978+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-loadable-visibility"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-30T07:13:47.037123+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cb4b3b4eb62651d59cf58d8c33a1d84ee823dedb1598d1fba22e32a220bed82a", "fetched_at": "2026-09-03T02:15:18.188649+00:00", "kind": "readme", "missing": false, "url": "https://github.com/stratiformltd/react-loadable-visibility"}, {"content_hash": "e7ab72924ff5cdced59483e86e8de69508ee6732daeac8aa277fe151a4a20feb", "fetched_at": "2026-08-29T13:13:40.961978+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-loadable-visibility"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-30T07:13:47.037123+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cb4b3b4eb62651d59cf58d8c33a1d84ee823dedb1598d1fba22e32a220bed82a", "fetched_at": "2026-09-03T02:15:18.188649+00:00", "kind": "readme", "missing": false, "url": "https://github.com/stratiformltd/react-loadable-visibility"}, {"content_hash": "e7ab72924ff5cdced59483e86e8de69508ee6732daeac8aa277fe151a4a20feb", "fetched_at": "2026-08-29T13:13:40.961978+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-loadable-visibility"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-30T07:13:47.037123+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "cb4b3b4eb62651d59cf58d8c33a1d84ee823dedb1598d1fba22e32a220bed82a", "fetched_at": "2026-09-03T02:15:18.188649+00:00", "kind": "readme", "missing": false, "url": "https://github.com/stratiformltd/react-loadable-visibility"}, {"content_hash": "e7ab72924ff5cdced59483e86e8de69508ee6732daeac8aa277fe151a4a20feb", "fetched_at": "2026-08-29T13:13:40.961978+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-loadable-visibility"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 0, "longevity": 100, "rhythm": 8}, "computed_at": "2026-09-03T02:20:16.233290+00:00", "flags": [], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 3342, "days_push": 1337, "days_rel": null, "gap_med": null, "n_releases_24m": 0}, "score": 23, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 3, "stale_scrape": false}}