Gathering detailed insights and metrics for @react-hook/resize-observer
Gathering detailed insights and metrics for @react-hook/resize-observer
Gathering detailed insights and metrics for @react-hook/resize-observer
Gathering detailed insights and metrics for @react-hook/resize-observer
use-resize-observer
A React hook that allows you to use a ResizeObserver to measure an element's size.
rc-resize-observer
Resize observer for React
@juggle/resize-observer
Polyfills the ResizeObserver API and supports box size options from the latest spec
@react-hook/size
A React hook for measuring the size of HTML elements including when they change
↩ Strongly typed, concurrent mode-safe React hooks
npm install @react-hook/resize-observer
95.9
Supply Chain
99
Quality
78.2
Maintenance
100
Vulnerability
100
License
Module System
Min. Node Version
Typescript Support
Node Version
NPM Version
1,446 Stars
427 Commits
97 Forks
10 Watching
14 Branches
26 Contributors
Updated on 27 Nov 2024
Minified
Minified + Gzipped
TypeScript (85.29%)
JavaScript (14.55%)
Shell (0.17%)
Cumulative downloads
Total Downloads
Last day
2.4%
66,537
Compared to previous day
Last week
9.1%
367,136
Compared to previous week
Last month
3.3%
1,473,290
Compared to previous month
Last year
54.7%
15,760,222
Compared to previous year
2
1
20
Hook | Description |
---|---|
useAsync() | A React hook for gracefully resolving, cancelling, and handling errors for async functions and promises. |
useCache() | A React hook for accessing an asynchronous key/value cache that persists data between renders and components. This allows you to do neat stuff like preload data before your next page or component has even started mounting. |
useChange() | A React hook that invokes a callback anytime a value changes |
useClick() | A React hook for conditionally firing a function when an element is clicked - for instance if you only want a click even to fire on double-clicks. |
useCopy() | A React hook for copying text to the clipboard |
useCounter() | A React hook counter with min/max/step/cast options |
useDebounce() | A React hook for debouncing setState and other callbacks |
useEvent() | A React hook for adding events to HTML elements. This hook cleans up your listeners automatically when it unmounts. You won't have to worry about wrapping your listener in a useCallback() because this hook makes sure your most recent callback is always invoked. |
useGoogleOptimize() | A React hook for adding Google Optimize variants to components. |
useHotkey() | A React hook for invoking a callback when hotkeys are pressed. This hook also provides interop between event.key and event.which - you provide a string, and the library turns it into an event.which key code if it has to. |
useHover() | A React hook for tracking the hover state of DOM elements in browsers where hovering is possible. If the browser does not support hover states (e.g. a phone) the isHovering value will always be false . |
useIntersectionObserver() | A React hook for the IntersectionObserver API that uses a polyfill when the native API is not available. |
useLatest() | A React hook that updates useRef().current with the most recent value each invocation |
useMediaQuery() | React hooks that update when media queries change between matched and unmatched states. |
useMergedRef() | A React hook for merging multiple refs into one ref. |
useMousePosition() | A React hook for tracking the position, hover, and "down" state of the mouse as it interacts with an element. This hook provides interoperability between touch and desktop devices and will treat ontouch events the same as onmouse ones. Additionally, this hook is throttled to 30fps by default using a useThrottle() hook, though the precise frame rate is configurable. |
usePassiveLayoutEffect() | A React hook that uses useEffect() on the server and useLayoutEffect() in the browser |
usePrevious() | A React hook that stores a value from the previous render |
useResizeObserver() | A React hook that fires a callback whenever ResizeObserver detects a change to its size. |
useServerPromises() | A React hook for continuously rendering a React tree until no promises are pushed to server-promises 's context in a given render |
useSize() | A React hook for measuring the size of HTML elements including when they change |
useSwitch() | A React hook for controlling a boolean value with toggle, on, and off callbacks. |
useThrottle() | A React hook for throttling setState and other callbacks. |
useToggle() | A React hook for toggling between two values with a callback. |
useWindowScroll() | A React hook for updating components when the scroll position of the window on the y-axis changes. |
useWindowSize() | React hooks for updating components when the size of the window changes. |
👋 Click here to see how to contribute
MIT
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
Found 12/27 approved changesets -- score normalized to 4
Reason
1 commit(s) and 4 issue activity found in the last 90 days -- score normalized to 4
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
35 existing vulnerabilities detected
Details
Score
Last Scanned on 2024-11-18
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