React Use Measure
react-use-measure
Utility to measure view bounds
Hooks
react
use
measure
bounds
hooks
react-use-measure
javascript
npm
frontend
open source
Stars
985
Weekly
4.8M
Open issues
23
Bundle
~25 kB
Installation
npm install react-use-measureCode example
import { useMeasure } from "react-use-measure";
export function Example() {
const value = useMeasure();
return <p>{String(value)}</p>;
}Pros & cons
Pros
- Actively maintained by Paul Henschel
- 4.8M weekly downloads. Battle tested
- First-class TypeScript definitions
- MIT licensed
Considerations
- Adds roughly ~25 kB to your bundle
- Needs client-only rendering in SSR frameworks
- Not supported in React Native
- 23 open issues on GitHub