use-debounce VS react-use-hover

Github

Debouncing is the best solution. Here is a simple lib which can help https://github.com/xnimorz/use-debounce

You should debounce your scroll-event (https://github.com/xnimorz/use-debounce) and add your state to the condition to avoid useless setState

What you're looking for is a debounce. It's not hard to implement, you can find an example here or install one from some generic hook library

use-debounce - A debounce hook for react

Tailwind Styles: https://github.com/vadimdemedes/tailwind-rn Storage: https://react-native-async-storage.github.io/async-storage/docs/api Navigation: https://reactnavigation.org/ Audio: https://docs.expo.io/versions/v41.0.0/sdk/audio/ Animations: https://github.com/oblador/react-native-animatable Modal: https://github.com/react-native-modal/react-native-modal Confetti: https://github.com/cdvntr/react-native-confetti Debounce: https://github.com/xnimorz/use-debounce Toast: https://github.com/calintamas/react-native-toast-message

useDebounce hooks - it’s name represents - used for debouncing. It is used to postpone execution to a later time like setTimeout in React Native.

I just use this for my projects: https://github.com/xnimorz/use-debounce

useHover hooks identify react element if being hovered. It’s very easy to use and integrate. It also offers the delay of the hover effect. useHover supports TypeScript.