Question 1

Qual è il ruolo principale di useQuery in React Query?

Accepted Answer

useQuery è l'hook fondamentale per recuperare dati in sola lettura da un'API o una fonte dati. Gestisce automaticamente il cache, gli stati di caricamento, gli errori e le strategie di refetch. A differenza di useEffect con fetch, useQuery ottimizza le prestazioni evitando richieste ridondanti grazie al suo sistema di cache intelligente.

Question 2

Quale hook si deve usare per effettuare una mutation POST verso un'API?

Accepted Answer

useMutation è l'hook dedicato alle operazioni di scrittura come POST, PUT, PATCH o DELETE. Fornisce i callback onSuccess, onError e onMutate per gestire il ciclo di vita della mutation. A differenza di useQuery, progettato per la lettura, useMutation non attiva la richiesta automaticamente e richiede una chiamata esplicita alla funzione mutate.

Question 3

A cosa serve la query key in React Query?

Accepted Answer

La query key è un identificatore univoco che consente a React Query di gestire il cache e le dipendenze tra le query. Serve per identificare, invalidare e fare il refetch di query specifiche. Una query key può essere una semplice stringa o un array con parametri dinamici. Modificare la query key avvia automaticamente un nuovo fetch, permettendo di gestire le dipendenze in modo dichiarativo.

React Query (TanStack Query)

Qual è il ruolo principale di useQuery in React Query?

Risposta

Quale hook si deve usare per effettuare una mutation POST verso un'API?

Risposta

A cosa serve la query key in React Query?

Risposta

Cosa rappresenta staleTime nella configurazione di useQuery?

Quale proprietà indica che useQuery è in fase di caricamento?

Altri argomenti di colloquio React / Next.js

Fondamenti di JavaScript

Fondamenti di React

React Hooks

Ciclo di vita dei componenti

React Router

Gestione dello state con Context

Form e Controlled Components

Recupero dati e API

Styling & CSS-in-JS

Fondamentali di Next.js

TypeScript con React

Data Fetching in Next.js

Server Actions di Next.js

Routing e Navigazione in Next.js

API Routes di Next.js

Metadata & SEO in Next.js

Middleware e Auth in Next.js

Testing React

Zustand State Management

Ottimizzazione delle Performance React

Error Boundaries & Error Handling

Advanced React Patterns

Funzionalità avanzate di Next.js

Deploy e Produzione con Next.js

Architecture & Design Patterns

React Server Components

Internazionalizzazione di Next.js

React Sicurezza & Best Practices

Padroneggia React / Next.js per il tuo prossimo colloquio