Go to CodeSee Map

⚛️ A React Hook to monitor changes in the size of an element using native ResizeObserver API 🔍


Last 30 days:

Open issues
PRs opened

Project type

First Timer Friendly

Project tech

JavaScriptHTML / CSSReact

Currently seeking

  • Developers
  • Frontend Developers
  • Maintainers
  • Code Reviewers
  • Mentors
  • Testers

Contribution overview

Most contributors are in India

Mentorship & pairing available


"resize-observer-hook" is a ⚛️ React hook that monitors an element (provided with ref) and provides the height and width of that element dynamically using Native Resize Observer API.

We usually use media queries to change the style of a particular element as media queries are great for updating layouts at specific points when the viewport changes sizes. But what if we want to change the style of an element based on the size of another element? In that case, we can use this library!
Currently, the library is in the initial stage, and there are a lot more things that need to be added like Types support, testing for different cases, more props, etc. So, if you are interested to contribute to the library, you are welcomed 🙂.

Do ⭐️ the repo.

Any feedback or suggestions are appreciated 👋


If you feel that there may be some kind of bug or any other issue that is concerning for the library, feel free to create an issue. I will try my best to solve it as soon as possible.


Resources to learn more about our technology and community.

Project listed on September 30, 2021