React Native aplikacije često pozivaju API-je — koristeći ugrađeni fetch (ili axios), async/await, i rukovanjem odgovorima, greškama i stanjima učitavanja. Umrežavanje funkcionira kao u web JavaScriptu, često kombinirano s React Query za cachiranje.
() {
{
response = ();
(!response.) ();
data = response.();
data;
} (error) {
.(error);
error;
}
}
fetch (ugrađeni) pravi HTTP zahtjeve; await response.json() parsira JSON; provjera response.ok i try/catch rukuju greškama. axios je popularna alternativa (interceptors, ljepši API).
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
}
Aplikacije moraju rukovati stanjem učitavanja, greške i podataka za dobru UX (spinner tijekom učitavanja, poruka o grešci pri neuspjehu, podaci pri uspjehu).
→ 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)
Razumijevanje umrežavanja i API-ja u React Native-u je bitno jer većina aplikacija komunicira s pozadinskim serverima — dohvaćanje i slanje podataka je gotovo univerzalna potreba, pa je to neophodna praktična znanja.
Aplikacije stalno prave API pozive (dohvaćanje podataka, slanje obrazaca, autentifikacija), a React Native umrežavanje funkcionira kao web JavaScript (prednost za web programere).
Razumijevanje izrade zahtjeva (ugrađeni fetch ili axios, sa async/await, parsiranjem JSON-a i proveravanjem kodova statusa) i rukovanja greškama (try/catch, provjera response.ok) je temeljna vještina, jer su mrežni pozivi fundamentalni i često padaju.
Kritično je razumijevanje kako upravljati stanjem učitavanja, greške i podataka je bitno za dobru UX: prikazivanje spinner-a učitavanja (ActivityIndicator) tijekom dohvaćanja, poruke o grešci pri neuspjehu, i podataka pri uspjehu — pravilno rukovanje tim stanjima je ono što čini aplikacije poliranim umjesto pokvarenima (prazan ekran tijekom učitavanja, ili pad pri grešci, je loša UX).
Razumijevanje React Query/TanStack Query je sve više vrijedno: automatski rukuje dohvaćanjem, cachiranjem, stanjem učitavanja/greške, refreshanjem, i sinkronizacijom, dramatično smanjujući boilerplate ručnog upravljanja svakim dohvaćanjem sa useState/useEffect — i je preporučeni pristup za podatke s servera u modernom React Native-u, što reflektira priznanje da podaci s servera imaju koristi od namjenskog rukovanja (cachiranje, sinkronizacija).
Pošto većina React Native aplikacija komunicira s API-jima (gotovo univerzalna potreba) i činjenje toga dobro (fetch/axios, rukovanje greškama, i posebno upravljanje stanjem učitavanja/greške/podataka za dobru UX, idealno sa React Query za cachiranje) je bitno za funkcionalne, polirane aplikacije, razumijevanje umrežavanja i API-ja u React Native-u je bitna, često primjenjena praktična znanja — temeljna vještina potrebna u gotovo svakoj pravljoj aplikaciji koja dohvaća podatke, centralna za izgradnju aplikacija koje pouzdano i glatko prikazuju podatke s pozadine, sa React Query kao preporučenim modernim pristupom za upravljanje podacima s servera.