Gathering detailed insights and metrics for @times-components/lazy-load
Gathering detailed insights and metrics for @times-components/lazy-load
Gathering detailed insights and metrics for @times-components/lazy-load
Gathering detailed insights and metrics for @times-components/lazy-load
npm install @times-components/lazy-load
Typescript
Module System
Node Version
NPM Version
65.7
Supply Chain
77.7
Quality
93.3
Maintenance
100
Vulnerability
100
License
JavaScript (72.55%)
TypeScript (26.91%)
MDX (0.24%)
HTML (0.16%)
Shell (0.14%)
Love this project? Help keep it running — sponsor us today! 🚀
Total Downloads
284,348
Last Day
323
Last Week
1,614
Last Month
6,239
Last Year
100,724
BSD-3-Clause License
258 Stars
5,561 Commits
42 Forks
67 Watchers
280 Branches
130 Contributors
Updated on Feb 13, 2025
Minified
Minified + Gzipped
Latest Version
0.20.0
Package Id
@times-components/lazy-load@0.20.0
Unpacked Size
78.59 kB
Size
11.66 kB
File Count
8
NPM Version
lerna/3.2.1/node@v18.19.1+x64 (linux)
Node Version
18.19.1
Published on
Jul 02, 2024
Cumulative downloads
Total Downloads
Last Day
-11.7%
323
Compared to previous day
Last Week
-13.6%
1,614
Compared to previous week
Last Month
69.7%
6,239
Compared to previous month
Last Year
23.4%
100,724
Compared to previous year
1
16
This is implemented with
IntersectionObserver
and therefore is web only.
There are two props rootMargin
and threshold
which are as is in the docs
above. Be sure to set a sensible threshold otherwise you may not get the lazy
loading you were expecting. For example a threshold of 0 would mean no laziness.
When the component mounts it first tells the consumer that it should take any appropriate client side measures such as measuring the width of things and using them for any calculations they need to make.
When the consumer has registered DOM nodes with LazyLoad
via the provided
registerNode
callback, it will be re-rendered with a Map
of the observed
nodes using the node's id as the key
and the node itself as the value
.
For browsers that don't support IntersectionObserver
, registerNode
will be
buffered and all nodes will be returned as "observed".
Please read CONTRIBUTING.md before contributing to this package
Please see our main README.md to get the project running locally
The code can be formatted and linted in accordance with the agreed standards.
yarn fmt
yarn lint
Testing can be done on each platform individually
yarn test:web
Visit the official
storybook to see it in action
Lazy Load
could be a little more intelligent and only lazy load resources if
on a poor network connection perhaps with an option to alwaysLazyLoad
.
No vulnerabilities found.
Reason
30 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 10
Reason
license file detected
Details
Reason
no binaries found in the repo
Reason
SAST tool is run on all commits
Details
Reason
Found 15/30 approved changesets -- score normalized to 5
Reason
security policy file not detected
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
Reason
130 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-02-10
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More