Optimisasi Performa
OnPush strategy, trackBy, virtual scrolling, lazy loading, preloading, bundle size, Core Web Vitals, profiling
1Apa itu strategi OnPush di Angular?
Apa itu strategi OnPush di Angular?
Jawaban
OnPush adalah strategi change detection yang membatasi pemeriksaan pada kasus di mana input komponen berubah berdasarkan referensi atau ketika event internal terpicu. Optimisasi ini secara signifikan mengurangi jumlah siklus deteksi dalam aplikasi kompleks. Menerapkan OnPush secara default pada komponen presentasional adalah praktik terbaik untuk meningkatkan performa.
2Apa peran utama trackBy dalam direktif ngFor?
Apa peran utama trackBy dalam direktif ngFor?
Jawaban
trackBy memungkinkan Angular untuk mengidentifikasi secara unik setiap item dalam daftar, sehingga menghindari pembuatan ulang DOM lengkap selama pembaruan. Tanpa trackBy, Angular menghancurkan dan membuat ulang semua elemen meskipun hanya satu item yang berubah. Menggunakan trackBy dengan pengidentifikasi unik secara signifikan meningkatkan performa daftar dinamis.
3Apa itu lazy loading dalam konteks routing Angular?
Apa itu lazy loading dalam konteks routing Angular?
Jawaban
Lazy loading adalah teknik pemuatan modul yang ditangguhkan yang hanya mengunduh kode saat rute yang sesuai diaktifkan. Ini mengurangi ukuran bundle awal dan mempercepat tampilan pertama aplikasi. Modul yang dimuat secara lazy didefinisikan dengan loadChildren dalam konfigurasi rute.
Metode mana yang harus dipicu untuk memaksa pemeriksaan dengan OnPush?
Apa keuntungan utama virtual scrolling untuk daftar besar?
+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
Arsitektur Angular
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