Use Resize Observer
use-resize-observer
A React hook that allows you to use a ResizeObserver to measure an element's size.
Hooks
react
hook
react hook
resize observer
resize observer hook
resize observer react hook
use-resize-observer
useresizeobserver
resize hook
size hook
Stars
1
Weekly
0
Open issues
0
Bundle
~60 kB
Installation
npm install use-resize-observerCode example
import { useResizeObserver } from "use-resize-observer";
export function Example() {
const value = useResizeObserver();
return <p>{String(value)}</p>;
}Pros & cons
Pros
- Actively maintained by Viktor Hubert
- 0 weekly downloads. Battle tested
- First-class TypeScript definitions
- MIT licensed
Considerations
- Adds roughly ~60 kB to your bundle
- Needs client-only rendering in SSR frameworks
- Not supported in React Native
- 0 open issues on GitHub