Advanced React Patterns
Compound Components, Render Props, HOC, Custom Hooks patterns, Controlled/Uncontrolled, Provider, State Reducer, Props Getters
1Apa itu pola Compound Components?
Apa itu pola Compound Components?
Jawaban
Pola Compound Components memungkinkan pembuatan komponen yang berbagi state implisit melalui React Context, tanpa meneruskan props secara eksplisit. Pola ini digunakan di library seperti Radix UI dan Headless UI untuk menyediakan API yang fleksibel dan dapat dikombinasikan. Komponen anak dapat mengakses state bersama secara otomatis, memungkinkan kustomisasi struktur tanpa kehilangan logika umum.
2Apa prinsip dari pola Render Props?
Apa prinsip dari pola Render Props?
Jawaban
Pola Render Props melibatkan pengiriman fungsi sebagai prop yang mengembalikan elemen React, memungkinkan komponen induk berbagi logikanya dengan komponen anak. Fungsi ini menerima data atau metode dari induk sebagai parameter. Pola ini sangat populer sebelum hooks hadir, terutama dengan library seperti React Router dan Downshift.
3Apa itu Higher-Order Components (HOC)?
Apa itu Higher-Order Components (HOC)?
Jawaban
Higher-Order Components adalah fungsi yang mengambil komponen sebagai parameter dan mengembalikan komponen baru yang diperkaya dengan props atau perilaku tambahan. Pola ini memungkinkan penggunaan kembali logika antar komponen tanpa duplikasi kode. HOC digunakan untuk kepentingan lintas-fungsi seperti autentikasi, pelacakan, atau manajemen izin.
Apa perbedaan antara komponen terkontrol dan tidak terkontrol?
Apa itu pola Provider?
+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
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
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