Prashant Pathakppathak.hashnode.dev·Oct 23, 2024Enhance Your React App Performance with AbortControllerAbortController is an interface that allows us to abort one or more depending Web requests and allows you to cancel ongoing asynchronous operations. To use AbortController, we can use new AbortController() constructor and it returns property instance...54 readsReact
Jay Pateljaywritestech.hashnode.dev·Oct 20, 2024How to Effectively Cancel APIs in Next.js with Abort ControllerHey there! Today, I want to share a little journey I recently had while working with APIs in Next.js. If you’ve ever found yourself tangled up in API calls, especially when building a web app, you’ll know how important it is to manage those calls eff...66 readsNext.js
Kamran Rouhaniblog.comendrun.com·Jul 9, 2024FeaturedEnhancing React/NextJS app with native AbortController interface in JavaScript/TypeScriptIntroduction Have you ever encountered a situation while building an app using JavaScirpt, that you need to cancel or stop an HTTP request prematurely? This can be for several reasons, one would be to stop processing any fetched data that is old and ...17 likes·540 readsNext.js
Mohamed Zhiouamohamedzhioua.hashnode.dev·Sep 27, 2023Optimizing UseEffect Hook for API Calls: Reduce Server Load and Rerenders with AbortControllerTable of Contents Introduction Problem with Example Code Solution with Example Code Benefits Conclusion Introduction The useEffect hook is one of the most powerful hooks in React. It allows us to perform side effects in functional components, ...1 like·127 readsReactJSJavaScript
Mohd Faiz Ansarimdfaiz.hashnode.dev·Jul 26, 2022Custom useFetch Hook in ReactIn this blog, I'm going to cover up all the advantages and problems occurred while creating this custom hook. You can use this hook into your app directly. We are going to use useEffect() useState()and useRef() hooks of react. The first step is simpl...38 readsuseEffect