Manajemen state dengan Context
Context API, createContext, useContext, Provider pattern, context composition, performance
1Apa itu Context API di React?
Apa itu Context API di React?
Jawaban
Context API adalah mekanisme bawaan React yang memungkinkan berbagi data antar komponen tanpa secara eksplisit meneruskan props melalui setiap level. Ini menyelesaikan masalah prop drilling dengan membuat state global yang dapat diakses oleh semua komponen turunan. Context sangat cocok untuk data yang jarang berubah seperti tema, bahasa, atau informasi pengguna yang terautentikasi.
2Fungsi apa yang digunakan untuk membuat Context baru?
Fungsi apa yang digunakan untuk membuat Context baru?
Jawaban
Fungsi createContext adalah metode bawaan React untuk menginisialisasi konteks baru. Ia menerima nilai default opsional yang akan digunakan jika sebuah komponen mengonsumsi Context tanpa Provider induk. Fungsi ini mengembalikan objek yang berisi Provider dan Consumer, meskipun Consumer jarang digunakan dengan hooks modern.
3Hook apa yang digunakan untuk mengonsumsi nilai Context?
Hook apa yang digunakan untuk mengonsumsi nilai Context?
Jawaban
Hook useContext memungkinkan komponen anak untuk membaca nilai yang disediakan oleh Provider terdekat dalam pohon komponen. Ini menggantikan API Consumer lama dan menawarkan sintaks yang lebih ringkas dan mudah dibaca. Komponen akan secara otomatis berlangganan ulang pada perubahan Context dan memperbarui diri sesuai.
Komponen apa yang digunakan untuk menyediakan nilai ke Context?
Apa yang terjadi jika komponen menggunakan useContext tanpa Provider induk?
+15 pertanyaan wawancara
Topik wawancara React / Next.js lainnya
Dasar-Dasar JavaScript
Dasar-Dasar React
React Hooks
Siklus hidup komponen
React Router
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