Arsitektur Angular
Smart vs presentational components, feature modules, core modules, shared modules, monorepo dengan Nx, struktur folder
1Apa perbedaan utama antara smart component dan presentational component?
Apa perbedaan utama antara smart component dan presentational component?
Jawaban
Smart components (atau container components) mengelola logika bisnis, panggilan API, dan state aplikasi melalui service atau state management. Presentational components hanya berfokus pada tampilan dan menerima datanya melalui @Input, serta memancarkan event melalui @Output. Pemisahan ini meningkatkan kemampuan pengujian dan penggunaan kembali komponen.
2Apa keuntungan utama menggunakan presentational components?
Apa keuntungan utama menggunakan presentational components?
Jawaban
Presentational components sangat dapat digunakan kembali karena tidak bergantung pada service atau logika bisnis tertentu. Komponen ini menerima semua data melalui @Input dan berkomunikasi melalui @Output, sehingga mudah diuji dengan data tiruan dan dapat digunakan kembali dalam konteks yang berbeda. Pendekatan ini juga mendorong penggunaan strategi OnPush untuk optimasi performa.
3Apa itu feature module di Angular?
Apa itu feature module di Angular?
Jawaban
Feature module adalah module Angular yang mengenkapsulasi fitur bisnis tertentu dari aplikasi (contoh: manajemen pengguna, keranjang belanja). Module ini berisi semua komponen, service, direktif, dan pipe yang dibutuhkan untuk fitur tersebut. Feature module dapat dimuat secara lazy untuk meningkatkan performa dan mendukung arsitektur modular yang skalabel.
Apa peran Core Module dalam arsitektur Angular?
Mengapa Core Module hanya diimpor sekali di AppModule?
+19 pertanyaan wawancara
Topik wawancara Angular lainnya
Dasar-dasar TypeScript
TypeScript Lanjutan
Dasar-Dasar Angular
Komponen dan siklus hidup
Services & Dependency Injection
Organisasi Modul Angular
Angular CLI
Direktif dan Pipe
Routing dan Navigasi
Reactive Forms
Template-driven Forms
Dasar-Dasar RxJS
Operator RxJS
HttpClient & Panggilan API
Manajemen State Dasar
Change Detection
Angular Signals
Standalone Components
Unit Testing Angular
Pengujian End-to-End
Build dan optimasi
Dasar-dasar NgRx
NgRx Lanjutan
Optimisasi Performa
Keamanan dan Praktik Terbaik
Pola RxJS Lanjutan
Angular Universal & SSR
Micro-frontend Angular
Kuasai Angular untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis