Question 1

Tipe primitif TypeScript mana yang mewakili nilai teks?

Accepted Answer

Tipe string mewakili semua nilai teks di TypeScript, baik yang dibatasi oleh tanda kutip tunggal, ganda, atau backtick untuk template literals. Ini adalah tipe yang tepat untuk menyimpan teks, nama, pesan, URL, atau konten teks apa pun dalam aplikasi.

Question 2

Apa itu generic di TypeScript?

Accepted Answer

Generic memungkinkan pembuatan komponen yang dapat digunakan kembali yang bekerja dengan beberapa tipe daripada hanya satu. Generics menggunakan parameter tipe (seperti T) untuk mewakili tipe apa pun. Ini memungkinkan penulisan kode type-safe tanpa mengorbankan fleksibilitas, misalnya fungsi yang memanipulasi array dari tipe apa pun sambil mempertahankan informasi tipe.

Question 3

Apa itu component di Angular?

Accepted Answer

Component adalah blok bangunan fundamental dari aplikasi Angular yang mengontrol bagian dari antarmuka pengguna. Component menggabungkan template HTML, gaya CSS, dan kelas TypeScript dengan decorator @Component. Arsitektur ini memungkinkan pembuatan antarmuka yang dapat digunakan kembali dan modular, mempromosikan pemisahan tanggung jawab antara tampilan dan logika bisnis.

Question 4

Apa itu lifecycle hook di Angular?

Accepted Answer

Lifecycle hook adalah metode khusus yang dipanggil secara otomatis oleh Angular pada momen-momen penting dalam siklus hidup component atau directive. Hook ini memungkinkan eksekusi kode pada tahap tertentu seperti pembuatan, pembaruan, atau penghancuran. Hook yang paling umum adalah ngOnInit, ngOnChanges, dan ngOnDestroy.

Question 5

Apa itu FormControl di Angular?

Accepted Answer

FormControl adalah kelas fundamental dari reactive forms Angular yang merepresentasikan field formulir individu. Ia mengenkapsulasi nilai field, status validasinya, dan menyediakan metode untuk menangani interaksi pengguna. Setiap FormControl dapat memiliki validators, bereaksi terhadap perubahan via observables, dan mempertahankan status seperti touched, dirty, atau pristine. Ini adalah blok bangunan dasar untuk membangun reactive forms kompleks dengan FormGroup atau FormArray.

Question 6

Modul Angular mana yang harus diimpor untuk menggunakan template-driven forms?

Accepted Answer

FormsModule diperlukan untuk mengaktifkan template-driven forms di Angular. Ia menyediakan direktif seperti NgModel, NgForm dan memungkinkan two-way data binding dengan [(ngModel)]. Tanpa modul ini, direktif form tidak akan berfungsi dan Angular akan melemparkan error.

Question 7

Apa itu Observable dalam RxJS?

Accepted Answer

Observable adalah koleksi lazy dari beberapa nilai sepanjang waktu. Ini merepresentasikan stream data yang dapat mengemisi nol, satu, atau beberapa nilai secara sinkron atau asinkron. Tidak seperti Promise yang mengemisi satu nilai, Observable dapat mengemisi beberapa nilai dan mendukung pembatalan melalui unsubscribe.

Question 8

Apa itu NgRx Store dalam aplikasi Angular?

Accepted Answer

NgRx Store adalah implementasi pola Redux untuk Angular, berbasis RxJS. Menyediakan kontainer terpusat untuk mengelola state global aplikasi secara terprediksi dan imutable. Store mengekspos Observable yang memungkinkan komponen berlangganan perubahan state melalui selectors.

Question 9

Apa peran utama createEntityAdapter di NgRx?

Accepted Answer

Entity Adapter secara otomatis menghasilkan reducer dan selector untuk mengelola koleksi entitas yang dinormalisasi. Menyediakan metode seperti addOne, addMany, updateOne, removeOne yang memudahkan manipulasi objek yang diindeks ID. Ini menghindari penulisan logika pengelolaan koleksi secara manual dan memastikan state yang dinormalisasi untuk performa yang lebih baik.

Question 10

Apa perbedaan utama antara smart component dan presentational component?

Accepted Answer

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.

Pertanyaan wawancara Angular

Siap untuk wawancara Angular?

Jelajahi semua topik Angular

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

Optimisasi Performa

Keamanan dan Praktik Terbaik

Pola RxJS Lanjutan

Angular Universal & SSR

Micro-frontend Angular

Kuasai Angular untuk wawancara berikutnya