Aplikasi React Native sering kali memanggil APIs — menggunakan fetch (atau axios) bawaan, async/await, dan menangani responses, errors, dan loading states. Networking bekerja seperti di JavaScript web, sering dikombinasikan dengan React Query untuk caching.
() {
{
response = ();
(!response.) ();
data = response.();
data;
} (error) {
.(error);
error;
}
}
fetch (bawaan) membuat HTTP requests; await response.json() mengurai JSON; memeriksa response.ok dan try/catch menangani errors. axios adalah alternatif populer (interceptors, API yang lebih baik).
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
}
Aplikasi harus menangani state loading, error, dan data untuk UX yang baik (spinner saat loading, pesan error saat gagal, data saat berhasil).
→ 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)
Memahami networking dan APIs di React Native sangat penting karena sebagian besar aplikasi berkomunikasi dengan backends — fetching dan mengirim data adalah kebutuhan yang hampir universal, jadi ini adalah pengetahuan praktis yang wajib diketahui.
Aplikasi terus-menerus melakukan API calls (loading data, submitting forms, authentication), dan networking React Native bekerja seperti JavaScript web (manfaat bagi web developers).
Memahami membuat requests (built-in fetch atau axios, dengan async/await, parsing JSON, dan memeriksa status codes) dan menangani errors (try/catch, memeriksa response.ok) adalah skill inti, karena network calls fundamental dan sering gagal.
Secara kritis, memahami bagaimana mengelola loading, error, dan data states sangat penting untuk UX yang baik: menampilkan loading spinner (ActivityIndicator) saat fetching, pesan error saat gagal, dan data saat berhasil — menangani states ini dengan benar adalah yang membuat aplikasi terasa polished daripada rusak (layar kosong saat loading, atau crash saat error, adalah UX yang buruk).
Memahami React Query/TanStack Query semakin berharga: ini menangani fetching, caching, loading/error states, refetching, dan synchronization secara otomatis, drastis mengurangi boilerplate dari manual managing setiap fetch dengan useState/useEffect — dan adalah recommended approach untuk server data di modern React Native, mencerminkan recognition bahwa server data mendapat manfaat dari dedicated handling (caching, sync).
Karena sebagian besar aplikasi React Native berkomunikasi dengan APIs (kebutuhan yang hampir universal) dan melakukannya dengan baik (fetch/axios, error handling, dan terutama mengelola loading/error/data states untuk UX yang baik, idealnya dengan React Query untuk caching) adalah essential untuk aplikasi yang functional dan polished, memahami networking dan APIs di React Native adalah essential, frequently-applied practical knowledge — fundamental skill yang dibutuhkan di virtually setiap real app yang fetches data, central untuk membangun aplikasi yang reliably dan smoothly menampilkan backend data, dengan React Query menjadi recommended modern approach untuk mengelola server data.