RE

React Resize Detector

react-resize-detector

React resize detector

Utilities
react
resize
detector
resizeObserver
observer
react-resize-detector
Utilities
javascript
npm
frontend
Stars
1.3k
Weekly
1.0M
Open issues
2
Bundle
~25 kB

Installation

npm install react-resize-detector

Code example

import { useResizeDetector } from "react-resize-detector";

export function Example() {
  const value = useResizeDetector();
  return <p>{String(value)}</p>;
}

Pros & cons

Pros

  • Actively maintained by Vitalii Maslianok
  • 1.0M 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
  • 2 open issues on GitHub

FAQs

Alternatives & similar libraries