resize-observer-hook

Go to CodeSee Map

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

Readme

Last 30 days:

2
Open issues
0
PRs opened
0
Contributors

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

Overview

"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 👋

Contributing

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.

Learn

Resources to learn more about our technology and community.

Project listed on September 30, 2021