Architecture & Design Patterns
Feature-based structure, atomic design, clean architecture, prinsip SOLID, dependency injection
1Apa itu Atomic Design dalam React?
Apa itu Atomic Design dalam React?
Jawaban
Atomic Design mengorganisir komponen React ke dalam 5 level hierarkis: atoms (tombol, input), molecules (form sederhana), organisms (header, footer), templates (layout halaman), dan pages (instance konkret). Metodologi ini menyediakan struktur yang konsisten dan skalabel untuk design system. Ini memfasilitasi penggunaan ulang komponen dan kolaborasi antara desainer dan pengembang dengan berbagi kosakata yang sama.
2Apa karakteristik utama dari arsitektur feature-based?
Apa karakteristik utama dari arsitektur feature-based?
Jawaban
Arsitektur feature-based mengelompokkan semua file yang terkait dengan suatu fungsionalitas dalam folder yang sama (komponen, hooks, style, test, tipe). Pendekatan ini mendorong co-location dan otonomi feature. Setiap feature menjadi modul independen dengan tanggung jawabnya sendiri, yang memudahkan pemeliharaan dan memungkinkan tim bekerja secara paralel tanpa konflik.
3Apa prinsip fundamental dari Clean Architecture?
Apa prinsip fundamental dari Clean Architecture?
Jawaban
Clean Architecture didasarkan pada Dependency Rule: dependensi harus selalu mengarah ke dalam, dari lapisan luar (UI, infrastruktur) ke lapisan dalam (domain, business logic). Domain bisnis tidak boleh pernah bergantung pada UI atau framework. Pemisahan ini memungkinkan pengujian logika bisnis secara independen, pergantian framework tanpa menulis ulang kode bisnis, dan mempertahankan arsitektur yang terpisah dan skalabel.
Apa arti prinsip SOLID 'Single Responsibility' yang diterapkan pada komponen React?
Apa itu dependency injection dalam React?
+19 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
Advanced React Patterns
Fitur Lanjutan Next.js
Deployment & Produksi Next.js
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