React Query (TanStack Query)
useQuery, useMutation, invalidation, cache, refetch, status loading/error, optimistic updates, query keys, pagination
1Apa peran utama useQuery di React Query?
Apa peran utama useQuery di React Query?
Jawaban
useQuery adalah hook dasar untuk mengambil data read-only dari API atau sumber data. Hook ini secara otomatis mengelola cache, status loading, error, dan strategi refetch. Berbeda dengan useEffect menggunakan fetch, useQuery mengoptimalkan performa dengan menghindari request berlebihan melalui sistem cache cerdasnya.
2Hook apa yang digunakan untuk melakukan mutation POST ke API?
Hook apa yang digunakan untuk melakukan mutation POST ke API?
Jawaban
useMutation adalah hook yang didedikasikan untuk operasi tulis seperti POST, PUT, PATCH atau DELETE. Hook ini menyediakan callback onSuccess, onError dan onMutate untuk mengelola siklus hidup mutation. Berbeda dengan useQuery yang ditujukan untuk membaca, useMutation tidak memicu request secara otomatis dan memerlukan pemanggilan eksplisit ke fungsi mutate.
3Apa tujuan dari query key di React Query?
Apa tujuan dari query key di React Query?
Jawaban
query key adalah identifier unik yang memungkinkan React Query mengelola cache dan dependensi antar query. Fungsinya untuk mengidentifikasi, meng-invalidate, dan me-refetch query tertentu. query key bisa berupa string sederhana atau array yang menyertakan parameter dinamis. Mengubah query key secara otomatis memicu fetch baru, sehingga dependensi dapat dikelola secara deklaratif.
Apa yang dimaksud staleTime dalam konfigurasi useQuery?
Properti apa yang menunjukkan bahwa useQuery sedang loading?
+17 pertanyaan wawancara
Topik wawancara React / Next.js lainnya
Dasar-Dasar JavaScript
Dasar-Dasar React
React Hooks
Siklus hidup komponen
React Router
Manajemen state dengan Context
Form & Controlled Components
Pengambilan Data & API
Styling & CSS-in-JS
Dasar-dasar Next.js
TypeScript dengan React
Data Fetching Next.js
Server Actions Next.js
Routing & Navigasi Next.js
API Routes Next.js
Metadata & SEO di Next.js
Middleware & Auth di Next.js
Pengujian React
Zustand State Management
Optimasi Performa React
Error Boundaries & Error Handling
Advanced React Patterns
Fitur Lanjutan Next.js
Deployment & Produksi Next.js
Architecture & Design Patterns
React Server Components
Internasionalisasi Next.js
Keamanan React & Praktik Terbaik
Kuasai React / Next.js untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis