Hamza Mellahiblog.hmellahi.me·Jul 7, 2024STOP using UseEffect for data fetchingUseEffect hook is a good choice for fetching data in small apps. However, for larger, more complex applications, it has several limitations. 𝗟𝗶𝗺𝗶𝘁𝗮𝘁𝗶𝗼𝗻𝘀 𝗼𝗳 𝘂𝘀𝗲𝗘𝗳𝗳𝗲𝗰𝘁 𝗳𝗼𝗿 𝗱𝗮𝘁𝗮 𝗳𝗲𝘁𝗰𝗵𝗶𝗻𝗴: 𝗡𝗼 𝗰𝗮𝗰𝗵𝗶𝗻𝗴: Fetche...Discuss·1 like·90 readsReact
Yujan Prajapatiblog.yujan.com.np·Jun 30, 2024Effortlessly Manage Data Fetching in Next.js with useQueryIntroduction We've all been there—stuck in the weeds of data fetching, managing state, and handling errors, all while trying to build a sleek Next.js app. It can feel like a never-ending battle. But what if I told you there's a way to make this proce...Discuss·31 readsReact
Judge-Paul Ogebejadge.hashnode.dev·Jun 29, 2024Axios/Fetch vs React QueryIf you are familiar with the concept of touching grass then you're probably not aware but there's a big debate among frontend web (mainly react) developers on whether it's necessary to spend days to weeks learning a whole new framework called Tanstac...DiscussReact
Ammar Mirzaammarmirza.hashnode.dev·Jun 14, 2024How to Create an Infinite List with Tanstack (React Query & Virtual)What's up, Techies? As you are already familiar with the title, today we are going to discuss creating an infinite list with the help of Tanstack Query and Tanstack Virtual. We will be using a virtualized list approach to render a huge list of items ...Shad Mirza and 1 other are discussing this2 people are discussing thisDiscuss·58 likes·93 readsinfinite scrolling
Yassine Nassibwhitebeard-dev.com·May 29, 2024Data fetching with React Query && AxiosHi Again , In this blog post , we are going to use react query to fetch data from server. we will be using dummy json api to get random data. Let's go. First of all , let's take a look at our folders/files architecture : You can find the source code...Discuss·1 like·138 readsaxios
Atharva Mulgundatharvamulgund.hashnode.dev·May 28, 2024Harnessing the Power of Tanstack Query: useQuery and useMutationTanstack Query (previously known as React Query) is a powerful data-fetching library that simplifies data synchronization in React applications. In this article, we will delve into two of its essential hooks: useQuery and useMutation. These hooks ena...Discuss·1 like·38 readsReact
Chanchan7.hashnode.dev·May 14, 2024[ 살펴보기 ] React Query - Suspense근래 React로 frontend 개발시 loading과 error 처리를 위한 Suspense와 Error boundary의 도입이 늘어나면서 React Query 역시 version 5로 올라오며 이를 위한 별도의 hook을 제공하게 되었다. ( v4에서는 useQuery에 별도의 prop 설정을 통해 suspense를 사용했으나 해당 포스트는 version 5를 기준으로 설명한다 ) 이번 포스트를 통해 React Query를 통해 Susp...Discuss[ 살펴보기 ] - React QueryReact
Saravanan Ramupillaiyab.hashnode.dev·May 9, 2024Exploring React 19: Impact on Users Already Utilizing Data Management Libraries like React Query and SWRReact 19 has come up many new features mainly focused on the way we handle data. Yes, Now React provides many hooks to handle effective data fetching as well as data mutation. Let's quickly list down all of them here.New Hooks: useActionState() use...Discuss·10 likes·38 readsReact
Aadrika bhargavareachaadrika.hashnode.dev·Apr 27, 2024Zustand and React Query New state management duoWe've all used Redux extensively in our React projects , and I guess we have all loved using Redux and it has saved us from the clutches of state management . However with great power , Redux comes up with a lot of complexity . Thus there as been a n...Discuss·437 readsState Management
Jeetjyoti Dekajeet-blogs.hashnode.dev·Apr 5, 2024Getting started with React-Query: A Beginner's GuideA brief introduction of React-Query React Query is a powerful library that revolutionizes the way we manage and fetch data in React applications. At its core, React Query simplifies state management and data fetching by providing a declarative API th...Discussreact-query