Introduzione a TanStack Query

Server State vs Client State

La maggior parte delle librerie di gestione stato (Redux, Zustand) sono ottime per lo stato Client (tema dark/light, modali aperti). Ma lo stato Server (dati dal DB) è diverso:

• È remoto e non lo possiedi.
• Richiede API asincrone per fetch/aggiornamento.
• Può diventare obsoleto (stale) senza che tu lo sappia.

TanStack Query (ex React Query) risolve questi problemi:

• Deduping delle richieste (evita chiamate API multiple identiche).
• Caching e invalidazione automatica.
• Polling / Ri-fetch on window focus.
• Scroll restoration e Pagination.

Installazione

```bash npm install @tanstack/react-query ```

Devi avvolgere la tua app in un QueryClientProvider:

```tsx import { QueryClient, QueryClientProvider } from ‘@tanstack/react-query’

const queryClient = new QueryClient()

function App() { return ( ) } ```