React Native programos dažnai kreipiasi į API'us — naudodamos integruotą fetch (arba axios), async/await ir tvarkydamos atsakymus, klaidas bei įkrovimo būseną. Tinklinės sąsajos veikia kaip žiniatinklio JavaScript, dažnai kartu su React Query talpai.
() {
{
response = ();
(!response.) ();
data = response.();
data;
} (error) {
.(error);
error;
}
}
fetch (integruota) atlieka HTTP užklausas; await response.json() analizuoja JSON; response.ok patikrinimas ir try/catch tvarko klaidas. axios yra populiarus alternatyvus variantas (perėmėjai, geresnė 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
}
Programos turi tvarkyti įkrovimo, klaidos ir duomenų būsenas, kad suteiktų gerą vartotojo patirtį (suktis kol kraunasi, klaidos pranešimas dėl nesėkmės, duomenys dėl sėkmės).
→ 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)
Supratimas apie tinklinį ryšį ir API'us React Native yra esminis, nes dauguma programų bendrauja su serverio dalimi — duomenų paėmimas ir siuntimas yra beveik universalus poreikis, todėl tai yra būtinos praktinės žinios.
Programos nuolat kreipiasi į API'us (duomenų įkėlimas, formų pateikimas, autentifikacija), o React Native tinklas veikia kaip žiniatinklio JavaScript (tai naudinga žiniatinklio kūrėjams).
Supratimas apie užklausų pateikimą (integruota fetch arba axios, su async/await, JSON analize ir būsenos kodų tikrinimu) ir klaidų tvarkymą (try/catch, response.ok tikrinimas) yra pagrindinė kompetencija, nes tinkliniai atpildy yra pagrindiniai ir dažnai nepavyksta.
Kritiškai svarbu suprasti, kaip valdyti įkrovimo, klaidos ir duomenų būsenas yra būtina geriam vartotojo patyrimui: rodant įkrovimo suktį (ActivityIndicator) paėmus duomenis, klaidos pranešimą dėl nesėkmės ir duomenis dėl sėkmės — tinklas tvarkyti šias būsenas yra tai, kas padaro programas baigtomis, o ne sulaužytomis (tuščias ekranas per įkrovimą arba klaida, yra blogas vartotojo patyrymas).
Supratimas apie React Query/TanStack Query yra vis daugiau vertingas: jis automatiškai tvarko paėmimą, talpinimą, įkrovimo/klaidos būsenas, pakartotinius paėmimus ir sinchronizaciją, dramatiškai sumažindamas rankinio kiekvieno paėmimo su useState/useEffect tvarkymą — ir yra rekomenduojamas metodas serveriui skirtiems duomenims šiuolaikiškame React Native, atspindint pripažinimą, kad serverio duomenys naudinga iš dedikuoto tvarkymo (talpinimas, sinchronizacija).
Nes dauguma React Native programų bendrauja su API'ais (beveik universalus poreikis) ir tai daryti gerai (paėmimas/axios, klaidų tvarkymas, ir ypač įkrovimo/klaidos/duomenų būsenų valdymas geriam vartotojo patyrimui, idealiai su React Query talpai) yra būtinas funkcionalesnėms, baigtoms programoms, supratimas apie tinklinį ryšį ir API'us React Native yra esminis, dažnai taikomas praktines žinias — pagrindinė kompetencija reikalinga beveik kiekvienoje realaus pasaulio programoje, kuri paėmina duomenis, centrinė kuriant programas, kurios patikimai ir sklandžiai rodo serverio dalies duomenis, kai React Query yra rekomenduojamas šiuolaikinis metodas valdyti serverio duomenis.