React Measure
react-measure
Compute measurements of React components.
Component Libraries
react
component
measure
measurements
dimensions
element-queries
container-queries
size
react-measure
Component Libraries
Stars
1.9k
Weekly
623k
Open issues
30
Bundle
~25 kB
Installation
npm install react-measureCode example
import { Button } from "react-measure";
export function Example() {
return (
<div className="flex gap-2">
<Button>Primary</Button>
<Button variant="outline">Secondary</Button>
</div>
);
}Pros & cons
Pros
- Actively maintained by Travis Arnold
- 623k weekly downloads. Battle tested
- MIT licensed
Considerations
- Adds roughly ~25 kB to your bundle
- Needs client-only rendering in SSR frameworks
- Not supported in React Native
- 30 open issues on GitHub