{"library":"react-measure","type":"library","category":null,"description":"react-measure is a React component that efficiently computes the dimensions and position of its child components. It leverages the browser's native `ResizeObserver` API to detect element dimension changes, offering a performant alternative to traditional polling or window resize event listeners. The library includes a polyfill for `ResizeObserver` to ensure broad browser compatibility across different environments. Currently stable at version 2.5.2, `react-measure` functions as a render prop component, allowing developers to precisely specify which rectangle properties (such as `client`, `offset`, `scroll`, `bounds`, or `margin`) are needed. Its key differentiator is the `ResizeObserver` integration, providing accurate and efficient measurement updates with minimal overhead, suitable for responsive designs and component queries. The package has been in a maintenance phase since its last major updates, providing a stable and reliable utility.","language":"javascript","status":"maintenance","version":"2.5.2","tags":["javascript","react","component","measure","measurements","dimensions","element-queries","container-queries","size"],"install":[{"cmd":"npm install react-measure","imports":["import Measure from 'react-measure';","const Measure = require('react-measure');","const Measure = ReactMeasure;"]},{"cmd":"yarn add react-measure","imports":[]},{"cmd":"pnpm add react-measure","imports":[]}],"homepage":"https://docs.sheetjs.com/","github":"https://github.com/souporserious/react-measure","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/react-measure","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/react-measure/compatibility"},"provenance":{"verified_status":null,"verified_at":null,"last_verified":"Wed Jun 17","next_check":"Sat Jul 18","install_tag":null}}