Le app React Native chiamano frequentemente API — usando il built-in fetch (o axios), async/await, e gestendo risposte, errori e stati di caricamento. Il networking funziona come in web JavaScript, spesso combinato con React Query per il caching.
() {
{
response = ();
(!response.) ();
data = response.();
data;
} (error) {
.(error);
error;
}
}
fetch (built-in) effettua richieste HTTP; await response.json() analizza JSON; verificare response.ok e try/catch gestiscono gli errori. axios è un'alternativa popolare (interceptor, API più elegante).
function Users() {
const [data, setData] = useState(null);
const [loading, setLoading] = useState(true);
const [error, setError] = useState(null);
useEffect(() => {
getUsers().then(setData).catch(setError).finally(() => setLoading(false));
}, []);
if (loading) return <ActivityIndicator />; // loading spinner
if (error) return <Text>Error</Text>; // error UI
return <FlatList data={data} ... />; // show data
}
Le app devono gestire gli stati loading, error, e data per una buona UX (spinner durante il caricamento, messaggio di errore in caso di fallimento, dati al successo).
→ React Query / TanStack Query handles fetching + CACHING + loading/error states +
refetching + sync automatically → much less boilerplate than manual useState/useEffect
→ Recommended for managing server data (vs hand-rolling every fetch)
Comprendere il networking e le API in React Native è essenziale perché la maggior parte delle app comunica con backend — recuperare e inviare dati è un'esigenza quasi universale, quindi è una conoscenza pratica imprescindibile.
Le app effettuano costantemente chiamate API (caricamento dati, invio di moduli, autenticazione), e il networking in React Native funziona come in web JavaScript (un vantaggio per gli sviluppatori web).
Comprendere effettuare richieste (il built-in fetch o axios, con async/await, parsing JSON, e verifica dei codici di stato) e gestire gli errori (try/catch, verifica di response.ok) è l'abilità principale, poiché le chiamate di rete sono fondamentali e frequentemente falliscono.
Criticamente, comprendere come gestire gli stati di caricamento, errore e dati è essenziale per una buona UX: mostrare uno spinner di caricamento (ActivityIndicator) durante il recupero, un messaggio di errore in caso di fallimento, e i dati al successo — gestire correttamente questi stati è ciò che rende le app raffinate piuttosto che rotte (una schermata vuota durante il caricamento, o un crash su errore, è una pessima UX).
Comprendere React Query/TanStack Query è sempre più prezioso: gestisce recupero, caching, stati di caricamento/errore, refetching, e sincronizzazione automaticamente, riducendo drasticamente il boilerplate di gestire manualmente ogni fetch con useState/useEffect — ed è l'approccio consigliato per i dati del server in React Native moderno, riflettendo il riconoscimento che i dati del server beneficiano di una gestione dedicata (caching, sync).
Poiché la maggior parte delle app React Native comunica con API (un'esigenza quasi universale) e farlo bene (fetch/axios, gestione degli errori, e soprattutto gestire gli stati di caricamento/errore/dati per una buona UX, idealmente con React Query per il caching) è essenziale per app funzionali e raffinate, comprendere il networking e le API in React Native è conoscenza pratica essenziale e frequentemente applicata — un'abilità fondamentale necessaria in praticamente ogni app reale che recupera dati, centrale per costruire app che visualizzano in modo affidabile e fluido i dati del backend, con React Query come approccio moderno consigliato per la gestione dei dati del server.