A single React app where I document and practice all the core concepts of TanStack Query (React Query).
This app grows as I explore and implement different features step by step.
TanStack Query is a powerful library for managing server state in React applications.
It helps with:
- Fetching and caching data
- Managing loading and error states
- Keeping UI in sync with server data
- Background refetching & stale data handling
- Optimistic updates
- Pagination & infinite queries
- ✅ Basic Queries (
useQuery) - ✅ Mutations (
useMutation) - ✅ Query Keys & Invalidation
- ✅ Loading, Error, and Success States
- ✅ Dependent Queries
- ✅ Paginated & Infinite Queries
- ✅ Optimistic Updates
- ✅ Global Query Configuration
- ✅ TypeScript Integration
-
Clone the repo:
git clone https://github.com/Ritik6547/TanStack-Query.git cd TanStack-Query -
Install dependencies:
npm install
-
Run the app:
npm run dev
In this repo, I’m exploring the core concepts of TanStack Query with React.
The goal: to become confident in using TanStack Query with React + TypeScript to build scalable and performant apps.