Change Detection
Zone.js, strategi change detection, strategi OnPush, ChangeDetectorRef, markForCheck, detectChanges, optimasi performa
1Apa itu mekanisme change detection di Angular?
Apa itu mekanisme change detection di Angular?
Jawaban
Change detection adalah proses di mana Angular mendeteksi perubahan pada state aplikasi dan memperbarui DOM sesuai dengan itu. Secara default, Angular menggunakan Zone.js untuk mendeteksi event asinkron secara otomatis (clicks, HTTP requests, timers) dan memicu pemeriksaan komponen dari root. Pemeriksaan ini menelusuri pohon komponen untuk mengidentifikasi modifikasi yang akan diterapkan ke DOM.
2Apa peran Zone.js dalam change detection Angular?
Apa peran Zone.js dalam change detection Angular?
Jawaban
Zone.js adalah library yang mem-patch API asinkron native browser (setTimeout, Promise, addEventListener, dll.) untuk mengintersep eksekusinya. Ketika operasi asinkron selesai, Zone.js memberi tahu Angular yang secara otomatis memicu change detection dari komponen root. Ini memungkinkan Angular mendeteksi perubahan tanpa intervensi manual dari developer.
3Apa perbedaan antara strategi Default dan OnPush?
Apa perbedaan antara strategi Default dan OnPush?
Jawaban
Strategi Default memeriksa semua komponen dalam pohon pada setiap siklus change detection, yang bisa mahal. OnPush mengoptimalkan dengan hanya memeriksa komponen jika input-nya berubah (referensi imutabel), jika event dipancarkan dari template-nya, jika async pipe menerima nilai baru, atau jika markForCheck() dipanggil secara manual. OnPush mengurangi pemeriksaan secara drastis dan meningkatkan performa.
Bagaimana cara mengaktifkan strategi OnPush pada komponen?
Apa tujuan ChangeDetectorRef dalam komponen Angular?
+17 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
Angular Signals
Standalone Components
Unit Testing Angular
Pengujian End-to-End
Build dan optimasi
Dasar-dasar NgRx
NgRx Lanjutan
Arsitektur Angular
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