Best of React Query — 2024

1. 1
   Article

   DEV·2y

   ⚡🚀 ReactJS, TypeScript, Vite with Redux and TanStack (React Query) In Practice ⚛️

   Learn how to combine Redux with Thunk and React Query (TanStack) for managing client-side and server-side state in a ReactJS application. The guide explains setting up a Node.js Express server to handle CRUD operations and provides a step-by-step implementation of the frontend using Vite, TypeScript, Redux, and React Query. This setup leverages Redux for local UI state and React Query for asynchronous data fetching, caching, and synchronization with the server.

   168

   4
2. 2
   Article

   DEV·2y

   #2 React Query: Infinite Scroll

   This post discusses the amazing feature of infinite scroll in react query, a state management tool. It explains how infinite scroll is a type of pagination and provides code examples for implementation.

   116

   1
3. 3
   Article

   TkDodo·2y

   React Query API Design - Lessons Learned

   Dominik, a frontend tech lead at Adverity and maintainer of TanStack React Query, shares insights from his talk at React Advanced in London. He discusses the challenges of API design in open source, the balance between minimal and flexible APIs, and the importance of considering types from the beginning. He also touches on managing user expectations and feedback for new features, and the significance of early user feedback in open source projects. Key points include the evolution of React Query, handling API complexity, and the role of effective API design in user adoption.

   115

   3
4. 4
   Article

   TkDodo·1y

   React Query - The Bad Parts

   The talk discusses the tradeoffs of using React Query, addressing common misconceptions such as its bundle size and the complexity of its API. While React Query is highly regarded for its developer and user experience, it has its limitations, such as not supporting normalized caching. The talk emphasizes understanding these tradeoffs and choosing the right tool for the job, rather than using React Query for all state management tasks.

   97

   1
5. 5
   Article

   Community Picks·2y

   Should You Use React-Query?

   React Query may not be the ultimate solution to state management and data fetching in React apps. It simplifies data loading but complicates the handoff and pickup of data. It's important to critically evaluate if it truly solves your problems or just shifts them around.

   90

   8