← React52 / 78

TanStack Query (React Query)

TanStack Query mengelola async state secara otomatis: caching data, background revalidation, dan otomatis melakukan retry jika jaringan terputus.

👀 Contoh dulu

const { data, isLoading } = useQuery({
  queryKey: ['todos'],
  queryFn: fetchTodos,
});

Hasilnya: Data di-cache dan otomatis di-refetch di background saat tab browser aktif.

💡 Standard industri data fetching di aplikasi React modern.

📝 Sekarang giliranmu

Panggil hook useQuery dengan melewatkan sebuah objek argumen. Objek tersebut harus memiliki properti queryKey bernilai ['users'] dan properti queryFn bernilai fungsi fetchUsers.

Preview
← SebelumnyaBerikutnya →