/react-tanstack-query

React Query / Tanstack Query: Handling HTTP Requests With Ease /// What I learned from "React - The Complete Guide 2024 (incl. Next.js, Redux) - Academind by Maximilian Schwarzmüller"

Primary LanguageJavaScript

Data Fetching with TanStack Query (formerly React Query)

Sending HTTP Requests With Ease

  • What Is TanStack Query & Why Would You Use It?
  • Fetching & Mutating Data
  • Configuring Tanstack Query
  • Advanced Concepts: Cache Invalidation, Optimistic Updating & More

What Is TanStack Query?

A library that helps sending HTTP requests & keeping your frontend UI in sync

You Don’t Need TanStack Query!

But it can vastly simplify your code (and your life as a developer)

TanStack Query Does Not Send HTTP Requests

At least not on its own

You have to write the code that sends the actual HTTP request

TanStack Query then manages the data, errors, caching & much more!

TanStack Query Caches Query Data

TanStack Query Caches Query Data

Tanstack Query

TanStack Query

Beginner's Guide to React Query | Refine

Why React Query?