Siklus hidup komponen
Mounting, updating, unmounting, useEffect cleanup, array dependensi, lifecycle patterns
1Apa itu mounting dalam sebuah komponen React?
Apa itu mounting dalam sebuah komponen React?
Jawaban
Mounting adalah fase di mana komponen dibuat dan dimasukkan ke dalam DOM untuk pertama kalinya. Selama fase ini, React menginisialisasi state, mengeksekusi kode konstruksi, dan melakukan render pertama. Ini adalah saat yang ideal untuk memicu panggilan API atau menginisialisasi subscription melalui useEffect.
2Apa itu unmounting dalam sebuah komponen React?
Apa itu unmounting dalam sebuah komponen React?
Jawaban
Unmounting adalah fase di mana komponen dihapus dari DOM dan dihancurkan. Fase ini terjadi ketika komponen tidak lagi diperlukan, misalnya saat perubahan rute atau kondisi rendering. Ini adalah saat yang kritis untuk membersihkan resource: membatalkan timer, menutup koneksi WebSocket, dan menghapus event listener untuk mencegah kebocoran memori.
3Kapan fungsi yang diteruskan ke useEffect dieksekusi secara default?
Kapan fungsi yang diteruskan ke useEffect dieksekusi secara default?
Jawaban
Secara default, useEffect dieksekusi setelah setiap render komponen, termasuk render pertama dan semua re-render berikutnya. Eksekusi asinkron ini memungkinkan untuk tidak memblokir antarmuka pengguna. Untuk mengontrol perilaku ini, array dependensi dapat digunakan sebagai argumen kedua untuk membatasi eksekusi hanya saat nilai tertentu berubah.
Apa kegunaan array dependensi dalam useEffect?
Apa artinya melewatkan array kosong [] sebagai dependensi ke useEffect?
+15 pertanyaan wawancara
Topik wawancara React / Next.js lainnya
Dasar-Dasar JavaScript
Dasar-Dasar React
React Hooks
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
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