Module 04
Async, Fetch, dan Error Handling
Memanggil API, mengelola data asynchronous, dan menangani error.
Materi
Promise dan async/await.
Fetch API dan error handling.
Loading state dan fallback UI.
Latihan
Latihan 1
Ambil data user dari API publik dan tampilkan ke UI.
Latihan 2
Buat state loading dan error message.
Latihan 3
Refactor callback menjadi async/await.
Contoh Kode
const loadUsers = async () => {
try {
const res = await fetch("https://jsonplaceholder.typicode.com/users");
if (!res.ok) throw new Error("API error");
const data = await res.json();
console.log(data);
} catch (error) {
console.error("Gagal mengambil data", error.message);
}
};
loadUsers();