Kepiye carane nangani networking lan APIs ing React Native?

Question

IT Interview Practice · Accepted Answer

React Native apps asring nelpon **APIs** — nganggo **fetch** sing wis ana (utawa **axios**), async/await, lan nangani responses, errors, lan loading states. Networking bisa kaya ing web JavaScript, asring digabung karo React Query kanggo caching. ## Nggawe requests nganggo fetch ```jsx // fetch is built-in (like the web); use async/await async function getUsers() { try { const response = await fetch('https://api.example.com/users'); if (!response.ok) throw new Error('Request failed'); // check status const data = await response.json(); // parse JSON return data; } catch (error) { console.error(error); // handle errors throw error; } } ``` `fetch` (sing wis ana) nggawe HTTP requests; `await response.json()` ngrembug JSON; mriksa `response.ok` lan try/catch nangani errors. `axios` minangka alternatif populer (interceptors, API sing luwih apik). ## Ngatur loading/error/data states ```jsx 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 ; // loading spinner if (error) return Error; // error UI return ; // show data } ``` Apps kudu nangani **loading, error, lan data** states kanggo UX sing apik (spinner nalika loading, error message nalika gagal, data nalika sukses). ## React Query (disaranke kanggo server data) ```text → 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) ``` ## Kepiye kahanane Nangerteni networking lan APIs ing React Native penting banget amarga **akèh apps sing komunikasi karo backends** — fetching lan ngirim data minangka kebutuhan sing meh universal, dadi iku prasyarat kanggo ngerti ilmu praktikal. Apps asring nggawe API calls (loading data, ngirim forms, authentication), lan React Native networking bisa kaya web JavaScript (benefit kanggo web developers). Nangerteni **nggawe requests** (built-in `fetch` utawa `axios`, karo async/await, ngrembug JSON, lan mriksa status codes) lan **nangani errors** (try/catch, mriksa `response.ok`) minangka skill core, amarga network calls minangka fundamental lan asring gagal. Kritis banget, nangerteni carane **ngatur loading, error, lan data states** penting kanggo UX sing apik: nampilke loading spinner (ActivityIndicator) nalika fetching, error message nalika gagal, lan data nalika sukses — nangani states iki karo bener iku sing nggawe apps kerasa polished tinimbang rusak (layar kosong nalika loading, utawa crash nalika error, minangka UX sing ala). Nangerteni **React Query/TanStack Query** saya tambah mahal: iku nangani fetching, **caching**, loading/error states, refetching, lan synchronization automatic, drastis ngurangi boilerplate saka manually ngatur saben fetch karo useState/useEffect — lan iku **pendekatan sing disaranke kanggo server data** ing React Native modern, ngreflekseksi pengakuan yen server data benefits saka dedicated handling (caching, sync). Amarga akèh React Native apps komunikasi karo APIs (kebutuhan sing meh universal) lan nggawe iku karo bener (fetch/axios, error handling, lan terutama ngatur loading/error/data states kanggo UX sing apik, ideale karo React Query kanggo caching) minangka essential kanggo functional, polished apps, nangerteni networking lan APIs ing React Native minangka essential, frequently-applied practical knowledge — fundamental skill sing dibutuhaken ing meh saben real app sing fetching data, central kanggo building apps sing reliably lan smooth nampilke backend data, karo React Query minangka pendekatan modern sing disaranke kanggo ngatur server data.

Nggawe requests nganggo fetch

Ngatur loading/error/data states

React Query (disaranke kanggo server data)

Kepiye kahanane

Pitakon sing gegandhengan