--- title: "#react-query articles | Hashnode" description: "Explore 143 articles tagged #react-query on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/react-query" --- Tag # #react-query 143 posts · 37 followers [Muhammad Tahir](https://hashnode.com/@mtahir27) · [Oct 19](https://hashnode.com/posts/modern-data-fetching-tanstack-query-strategies-for-next-js-performance/6ad632a75bfe8c4ac01f824a) ### [Modern Data Fetching: TanStack Query Strategies for Next.js Performance](https://mtdeveloper.hashnode.dev/modern-data-fetching-tanstack-query-strategies-for-next-js-performance?utm_source=hashnode&utm_medium=feed) This article was originally published on Muhammad Tahir's Portfolio. Mastering Data Fetching in Next.js with TanStack Query TL;DR: If your Next.js app fetches data that changes — dashboards, feeds, f 12 min read · [mtdeveloper.hashnode.dev](https://mtdeveloper.hashnode.dev/modern-data-fetching-tanstack-query-strategies-for-next-js-performance?utm_source=hashnode&utm_medium=feed) [Payal Porwal](https://hashnode.com/@PayalPorwal) · [Oct 1](https://hashnode.com/posts/16-react-useref-and-usereducer-explained-complete-beginner-friendly-guide-with-real-world-examples/6abe46b8c0a1d452d3d44659) ### [16\. React useRef and useReducer Explained: Complete Beginner-Friendly Guide with Real-World Examples](https://codeswithpayal.hashnode.dev/16-react-useref-and-usereducer-explained-complete-beginner-friendly-guide-with-real-world-examples?utm_source=hashnode&utm_medium=feed) Learn React useRef and useReducer with simple examples, real-world use cases, syntax, key concepts, and FAQs for beginners. 19 min read · [codeswithpayal.hashnode.dev](https://codeswithpayal.hashnode.dev/16-react-useref-and-usereducer-explained-complete-beginner-friendly-guide-with-real-world-examples?utm_source=hashnode&utm_medium=feed) [hasnain alam](https://hashnode.com/@devhasnain) · [Sep 13](https://hashnode.com/posts/react-query-vs-useeffect-for-api-calls/6aa6567813c686d511df6f97) ### [React Query vs useEffect for API Calls, Which One Should You Us](https://hasnainalamm.hashnode.dev/react-query-vs-useeffect-for-api-calls?utm_source=hashnode&utm_medium=feed) Learn why Tanstack React Query is a smarter choice then useEffect for fetching api data in React apps 5 min read · [hasnainalamm.hashnode.dev](https://hasnainalamm.hashnode.dev/react-query-vs-useeffect-for-api-calls?utm_source=hashnode&utm_medium=feed) [Moureen Hamutenya](https://hashnode.com/@moureen) · [Aug 4](https://hashnode.com/posts/lessons-from-migrating-a-production-react-app-from-redux-saga-to-react-query/6a723c2588ac3bbf4c27454d) ### [Migrating a Production React App from Redux-Saga to React Query: Lessons Learned](https://mo-makes-it-simple.hashnode.dev/lessons-from-migrating-a-production-react-app-from-redux-saga-to-react-query?utm_source=hashnode&utm_medium=feed) A while back, I wrote about rendering 10,000+ rows without freezing the browser using AG Grid. That performance work was actually one piece of a much bigger migration - one that touched almost every p 5 min read · [mo-makes-it-simple.hashnode.dev](https://mo-makes-it-simple.hashnode.dev/lessons-from-migrating-a-production-react-app-from-redux-saga-to-react-query?utm_source=hashnode&utm_medium=feed) [Emeka Afamefuna Nwosa](https://hashnode.com/@gaffer22) · [Jul 4](https://hashnode.com/posts/hiding-the-button-isn-t-authorization-why-you-must-gate-the-request/6a493327019170aeb3d52291) ### [Hiding the Button Isn't Authorization: Why You Must Gate the Request](https://emeka-nwosa.hashnode.dev/hiding-the-button-isn-t-authorization-why-you-must-gate-the-request?utm_source=hashnode&utm_medium=feed) Hiding a UI button doesn't stop the API request behind it. Learn the three-gate model for frontend authorization: render, fetch, and backend. 3 min read · [emeka-nwosa.hashnode.dev](https://emeka-nwosa.hashnode.dev/hiding-the-button-isn-t-authorization-why-you-must-gate-the-request?utm_source=hashnode&utm_medium=feed) [Shubham Kumar Singh](https://hashnode.com/@shubhamsinghbundela) · [Jun 4](https://hashnode.com/posts/building-a-paytm-style-payments-frontend-with-react-tanstack-router-react-query-and-shadcn-ui/6a21b99df27c616755057bf5) ### [Building a Paytm-Style Payments Frontend with React, TanStack Router, React Query, and Shadcn UI](https://shubhamsinghbundela.hashnode.dev/building-a-paytm-style-payments-frontend-with-react-tanstack-router-react-query-and-shadcn-ui?utm_source=hashnode&utm_medium=feed) Learn how to build a Paytm-style payments frontend using React, TypeScript, TanStack Router, React Query, Shadcn UI, Axios, and Bun. 39 min read · [shubhamsinghbundela.hashnode.dev](https://shubhamsinghbundela.hashnode.dev/building-a-paytm-style-payments-frontend-with-react-tanstack-router-react-query-and-shadcn-ui?utm_source=hashnode&utm_medium=feed) [Aditya Pippal](https://hashnode.com/@api6) · [May 27](https://hashnode.com/posts/tanstack-query-explained-simply-the-server-state-library-every-react-developer-should-know/6a16c45dd064c7290d3c7072) ### [TanStack Query Explained Simply: The Server State Library Every React Developer Should Know](https://ap29.hashnode.dev/tanstack-query-explained-simply-the-server-state-library-every-react-developer-should-know?utm_source=hashnode&utm_medium=feed) he Server-State Library for React - TanStack Query Guide for React Developers: Data Fetching, Caching & Sync 7 min read · [ap29.hashnode.dev](https://ap29.hashnode.dev/tanstack-query-explained-simply-the-server-state-library-every-react-developer-should-know?utm_source=hashnode&utm_medium=feed) [skzeeshan1992](https://hashnode.com/@izsk) · [May 25](https://hashnode.com/posts/react-query-vs-swr-vs-the-use-hook-why-you-re-fetching-data-wrong/6a13ab7d551486ce6c46c0fd) ### [React Query vs SWR vs the \`use\` Hook: Why You're Fetching Data Wrong](https://izsk.hashnode.dev/react-query-vs-swr-vs-the-use-hook-why-you-re-fetching-data-wrong?utm_source=hashnode&utm_medium=feed) You already know how to fetch data. What you're missing is everything that happens after. 24 min read · [izsk.hashnode.dev](https://izsk.hashnode.dev/react-query-vs-swr-vs-the-use-hook-why-you-re-fetching-data-wrong?utm_source=hashnode&utm_medium=feed) [Abinash Dash](https://hashnode.com/@abidev2003) · [May 20](https://hashnode.com/posts/mastering-state-management-in-react-from-usestate-to-react-query/6a0d6df27e4b2e77c0728eec) ### [Mastering State Management in React: From useState to React Query](https://basics-to-advanced-state-management.hashnode.dev/mastering-state-management-in-react-from-usestate-to-react-query?utm_source=hashnode&utm_medium=feed) A practical, no-fluff guide to choosing the right state management tool for every situation in your React apps. 15 min read · [basics-to-advanced-state-management.hashnode.dev](https://basics-to-advanced-state-management.hashnode.dev/mastering-state-management-in-react-from-usestate-to-react-query?utm_source=hashnode&utm_medium=feed) [1](https://hashnode.com/posts/mastering-state-management-in-react-from-usestate-to-react-query/6a0d6df27e4b2e77c0728eec) [Ogunleye Timilehin (D.j.timog)](https://hashnode.com/@djtimog) · [May 11](https://hashnode.com/posts/how-i-used-react-query-to-manage-server-state-in-my-taskflow-app/6a01e4fdfca21b0d4b2f4b82) ### [How I Used React Query to Manage Server State in My Taskflow App](https://djtimog.hashnode.dev/how-i-used-react-query-to-manage-server-state-in-my-taskflow-app?utm_source=hashnode&utm_medium=feed) Learn how I used React Query to manage server state, handle caching, fetch data with useQuery, perform mutations, and keep UI data synced. 7 min read · [djtimog.hashnode.dev](https://djtimog.hashnode.dev/how-i-used-react-query-to-manage-server-state-in-my-taskflow-app?utm_source=hashnode&utm_medium=feed)