Angular Signals
Signals API, computed, effect, signal inputs, signal queries, model reaktivitas, migrasi dari RxJS
1Apa itu signal di Angular?
Apa itu signal di Angular?
Jawaban
Signal adalah primitif reaktivitas yang diperkenalkan di Angular 16+ yang membungkus nilai dan secara otomatis memberi tahu konsumer ketika nilai tersebut berubah. Berbeda dengan Observables RxJS, signals menawarkan pendekatan yang lebih sederhana dan performant untuk mengelola state reaktif. Signals bersifat sinkron secara default dan terintegrasi secara native dengan sistem change detection Angular.
2Bagaimana cara membuat signal dengan nilai awal?
Bagaimana cara membuat signal dengan nilai awal?
Jawaban
Fungsi signal() menerima nilai awal sebagai parameter: signal(0) membuat signal yang berisi 0. Signal yang dikembalikan adalah fungsi getter yang dapat dipanggil untuk membaca nilai. Untuk memodifikasi nilai, gunakan metode set(), update() atau mutate(). Sintaksisnya ringkas dan menghindari verbosity dari BehaviorSubject RxJS.
3Bagaimana cara membaca nilai dari signal?
Bagaimana cara membaca nilai dari signal?
Jawaban
Panggil signal seperti sebuah fungsi: count() mengembalikan nilai saat ini. Sintaksis ini memungkinkan Angular untuk secara otomatis melacak dependensi dalam konteks reaktif (templates, computed, effect). Berbeda dengan Observables yang memerlukan subscribe() atau async pipe, signals menawarkan pembacaan sinkron dan langsung.
Metode mana yang digunakan untuk mengganti seluruh nilai signal?
Bagaimana cara memperbarui signal berdasarkan nilai sebelumnya?
+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
Change Detection
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