Recupero dati e API
fetch API, axios, async/await, gestione degli errori, stati di caricamento, abort controllers
1Cosa restituisce il metodo fetch() quando viene chiamato?
Cosa restituisce il metodo fetch() quando viene chiamato?
Risposta
fetch() restituisce una Promise che si risolve con un oggetto Response. A differenza di axios, fetch non rifiuta automaticamente gli errori HTTP (come 404 o 500), quindi è necessario verificare response.ok prima di analizzare i dati. Questo approccio offre un maggiore controllo sulla gestione degli errori, ma richiede un controllo esplicito dello stato.
2Come estrarre i dati JSON da un oggetto Response ottenuto con fetch()?
Come estrarre i dati JSON da un oggetto Response ottenuto con fetch()?
Risposta
L'oggetto Response ha un metodo json() che restituisce una Promise che si risolve con i dati analizzati. Questo metodo è asincrono perché legge il corpo della risposta in modo progressivo. È importante verificare prima response.ok prima di chiamare json() per assicurarsi che la richiesta sia andata a buon fine.
3Quale proprietà dell'oggetto Response permette di verificare se la richiesta HTTP è riuscita?
Quale proprietà dell'oggetto Response permette di verificare se la richiesta HTTP è riuscita?
Risposta
La proprietà response.ok restituisce true se il codice di stato HTTP è compreso tra 200 e 299, indicando una risposta riuscita. Questa proprietà è essenziale perché fetch() non rifiuta automaticamente gli errori HTTP, a differenza di axios. Verificare response.ok prima di elaborare i dati è una buona pratica per evitare di analizzare risposte di errore.
Quale parola chiave permette di attendere la risoluzione di una Promise in modo sincrono in una funzione async?
In quale ordine devono essere chiamati i seguenti metodi durante un fetch(): json(), then(), catch()?
+17 domande da colloquio
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
React Query (TanStack Query)
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
Accedi a tutte le domande, flashcards, test tecnici, esercizi di code review e simulatori di colloquio.
Inizia gratis