Pengambilan Data & API
fetch API, axios, async/await, penanganan error, status loading, abort controllers
1Apa yang dikembalikan oleh method fetch() saat dipanggil?
Apa yang dikembalikan oleh method fetch() saat dipanggil?
Jawaban
fetch() mengembalikan sebuah Promise yang resolve dengan objek Response. Berbeda dengan axios, fetch tidak secara otomatis menolak error HTTP (seperti 404 atau 500), sehingga perlu memeriksa response.ok sebelum mem-parsing data. Pendekatan ini memberikan kontrol lebih atas penanganan error tetapi memerlukan pengecekan status secara eksplisit.
2Bagaimana cara mengekstrak data JSON dari objek Response yang diperoleh dengan fetch()?
Bagaimana cara mengekstrak data JSON dari objek Response yang diperoleh dengan fetch()?
Jawaban
Objek Response memiliki method json() yang mengembalikan Promise yang resolve dengan data yang telah di-parse. Method ini bersifat asynchronous karena membaca body respons secara bertahap. Penting untuk terlebih dahulu memeriksa response.ok sebelum memanggil json() untuk memastikan request berhasil.
3Properti mana dari objek Response yang memungkinkan pengecekan apakah request HTTP berhasil?
Properti mana dari objek Response yang memungkinkan pengecekan apakah request HTTP berhasil?
Jawaban
Properti response.ok mengembalikan true jika kode status HTTP berada di antara 200 dan 299, yang menandakan respons berhasil. Properti ini penting karena fetch() tidak secara otomatis menolak error HTTP, berbeda dengan axios. Memeriksa response.ok sebelum memproses data adalah praktik terbaik untuk menghindari parsing respons error.
Kata kunci mana yang memungkinkan menunggu resolusi Promise secara sinkron dalam fungsi async?
Dalam urutan apa method berikut harus dipanggil saat menggunakan fetch(): json(), then(), catch()?
+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
React Query (TanStack Query)
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