use-debounce VS use-http

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

As I was searching through the codebase and writing the components for my current work ticket, I came across some useful custom hooks from a number of third-party libraries like react-use, usehooks-ts, Mantine. But there are for sure other similar libraries out there such as use-http, react-hanger and many more.

Github Docs

use-http - 🐶 React hook for making isomorphic http requests

use-http is a popular package that is used as a replacement for Fetch API. It's a well maintained library and easy to integrate in a few lines of code. Hooks written in TypeScript and support Server Side Rendering (SSR) and GraphQL. It returns a response, loading, error data and work with different request methods, Get, Post, Put, Patch and Delete.