React Native aplikacije pogosto pokličejo API-je — z vgrajenim fetch (ali axios), async/await ter obvladovanjem odgovorov, napak in stanj nalaganja. Omrežje deluje kot v JavaScript-u na spletišču, pogosto v kombinaciji z React Query za predpomnjenje.
() {
{
response = ();
(!response.) ();
data = response.();
data;
} (error) {
.(error);
error;
}
}
fetch (vgrajena funkcija) naredi HTTP zahtevke; await response.json() razčleni JSON; preverjanje response.ok in try/catch obvladujeta napake. axios je priljubljena alternativa (interceptorji, boljš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 morajo obvladovati stanja nalaganja, napake in podatkov za dobro izkušnjo uporabnika (vrtljivi indikator med nalaganjem, sporočilo o napaki ob neuspehu, podatki ob uspehu).
→ 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)
Razumevanje omrežnih povezav in API-jev v React Native-u je bistveno, ker se večina aplikacij komunicira z bazami na hrbtni strani — pridobivanje in pošiljanje podatkov je skoraj univerzalna potreba, zato je to nujno praktično znanje.
Aplikacije nenehno kličejo API-je (nalaganje podatkov, pošiljanje obrazcev, avtentifikacija), in omrežje React Native-a deluje kot JavaScript na spletišču (korist za spletne razvijalce).
Razumevanje porabe zahtevkov (vgrajeni fetch ali axios, z async/await, razčlenjavanje JSON in preverjanje kodov stanja) in obvladovanja napak (try/catch, preverjanje response.ok) je temeljno znanje, ker so omrežni klici temeljni in pogosto ne uspejo.
Kritično je razumevanje, kako upravljati stanja nalaganja, napake in podatkov je bistveno za dobro izkušnjo uporabnika: prikaz vrtljivega indikatorja (ActivityIndicator) med pridobivanjem, sporočilo o napaki ob neuspehu in podatke ob uspehu — pravilno obvladovanje teh stanj je tisto, kar aplikacije naredi bolj policirane kot pokvarjene (prazen zaslon med nalaganjem ali sesutje ob napaki je slaba izkušnja).
Razumevanje React Query/TanStack Query je vse bolj dragoceno: avtomatično obvladuje pridobivanje, predpomnjenje, stanja nalaganja/napake, ponovno pridobivanje in sinhronizacijo, kar drastično zmanjša standardo ročnega upravljanja vsakega pridobivanja z useState/useEffect — in je priporočeni pristop za podatke strežnika v sodobnem React Native-u, kar odraža priznanje, da podatki strežnika koristi od namenskega upravljanja (predpomnjenje, sinhronizacija).
Ker večina React Native aplikacij komunicira z API-ji (skoraj univerzalna potreba) in to dobro (fetch/axios, obvladovanje napak in še posebej upravljanje stanj nalaganja/napake/podatkov za dobro izkušnjo, idealno z React Query za predpomnjenje) je bistveno za funkcionalne, policirane aplikacije, je razumevanje omrežnih povezav in API-jev v React Native-u bistveno, pogosto uporabljeno praktično znanje — temeljno znanje, potrebno v skoraj vsaki pravi aplikaciji, ki pridobiva podatke, centralno za gradnjo aplikacij, ki zanesljivo in gladko prikazujejo podatke iz baze, React Query pa je priporočeni sodoben pristop za upravljanje podatkov strežnika.