Error Boundaries & Error Handling
Error boundaries, componentDidCatch, error fallback, error recovery, strategi logging
1Apa itu Error Boundary di React?
Apa itu Error Boundary di React?
Jawaban
Error Boundary adalah komponen kelas React yang menangkap error JavaScript yang terjadi di pohon komponen anaknya, menampilkan UI fallback, dan mencegah seluruh aplikasi crash. Ia menggunakan metode componentDidCatch() dan getDerivedStateFromError() untuk mengintersep dan menangani error rendering.
2Mengapa menggunakan Error Boundaries daripada try/catch klasik di React?
Mengapa menggunakan Error Boundaries daripada try/catch klasik di React?
Jawaban
Blok try/catch tidak dapat menangkap error yang terjadi selama rendering komponen React, karena error ini menyebar ke atas pohon secara asinkron. Error Boundaries dirancang khusus untuk mengintersep error rendering, error lifecycle, dan error konstruktor di komponen anak, sedangkan try/catch hanya berfungsi untuk kode imperatif sinkron.
3Metode lifecycle mana yang memungkinkan penangkapan error di Error Boundary?
Metode lifecycle mana yang memungkinkan penangkapan error di Error Boundary?
Jawaban
componentDidCatch(error, info) adalah metode lifecycle yang dipanggil setelah error ditangkap oleh Error Boundary. Ia menerima error dan objek info yang berisi componentStack, memungkinkan pencatatan error atau aksi side-effect. Perlu dicatat bahwa getDerivedStateFromError() juga digunakan tetapi untuk memperbarui state dan menampilkan fallback UI.
Apa peran getDerivedStateFromError() dalam Error Boundary?
Apa perbedaan antara getDerivedStateFromError() dan componentDidCatch()?
+15 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
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
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