use-measure

It's just a React hook for resize-observer, uses resize-observer-polyfill. Inspired by react-measure

Install

Note: React 16.8+ is required for Hooks.

With npm

1npm i use-measure --save

Or with yarn

1yarn add use-measure

Usage

1import { useRef } from "react";
2import useMeasure from "use-measure";
3
4function MeasuredDiv() {
5  const nodeRef = useRef();
6  const measurement = useMeasure(nodeRef);
7  
8  // do whatever you want with measurement obj.
9  // note that measurement will only be available after first render.
10  return (
11    <div ref={nodeRef}>
12      /* ... */
13    </div>;
14  );
15}