Front-end Application มักต้องดึงข้อมูลจาก server ผ่าน API เช่น รายการสินค้า ข่าว ผู้ใช้ หรือผลลัพธ์จากระบบหลังบ้าน ข้อมูลมักอยู่ในรูป JSON และต้องแปลงเป็น UI ที่ผู้ใช้เข้าใจ
การเชื่อม API ที่ดีไม่ใช่แค่แสดงข้อมูลได้ แต่ต้องจัดการสถานะระหว่างรอโหลด ข้อผิดพลาด การ retry และข้อความที่เหมาะสมกับผู้ใช้
async function loadUsers() {
const response = await fetch("https://jsonplaceholder.typicode.com/users");
const users = await response.json();
return users;
}
สร้างหน้าเว็บที่ดึงข้อมูลจาก API จริงและแสดงผลเป็นรายการหรือการ์ด
ปรับ Mini Project ให้มี loading state และ error message ที่ชัดเจน