Angular Signals
Signals API, computed, effect, signal inputs, signal queries, model reaktywności, migracja z RxJS
1Czym jest signal w Angularze?
Czym jest signal w Angularze?
Odpowiedź
Signal to prymityw reaktywności wprowadzony w Angular 16+, który opakowuje wartość i automatycznie powiadamia konsumentów, gdy ta wartość się zmienia. W przeciwieństwie do Observables RxJS, signals oferują prostsze i bardziej wydajne podejście do zarządzania reaktywnym stanem. Są synchroniczne domyślnie i natywnie integrują się z systemem change detection Angulara.
2Jak utworzyć signal z wartością początkową?
Jak utworzyć signal z wartością początkową?
Odpowiedź
Funkcja signal() przyjmuje wartość początkową jako parametr: signal(0) tworzy signal zawierający 0. Zwrócony signal to funkcja getter, którą można wywołać, aby odczytać wartość. Aby zmodyfikować wartość, użyj metod set(), update() lub mutate(). Składnia jest zwięzła i unika rozwlekłości BehaviorSubject z RxJS.
3Jak odczytać wartość signala?
Jak odczytać wartość signala?
Odpowiedź
Wywołaj signal jak funkcję: count() zwraca aktualną wartość. Ta składnia pozwala Angularowi automatycznie śledzić zależności w reaktywnych kontekstach (templates, computed, effect). W przeciwieństwie do Observables, które wymagają subscribe() lub async pipe, signals oferują synchroniczny i bezpośredni odczyt.
Jakiej metody użyć, aby całkowicie zastąpić wartość signala?
Jak zaktualizować signal na podstawie poprzedniej wartości?
+17 pytań z rozmów
Inne tematy rekrutacyjne Angular
Podstawy TypeScript
TypeScript zaawansowany
Podstawy Angulara
Komponenty i cykl życia
Services & Dependency Injection
Organizacja modułów Angular
Angular CLI
Dyrektywy i Pipe'y
Routing i Nawigacja
Formularze reaktywne
Formularze template-driven
Podstawy RxJS
Operatory RxJS
HttpClient i wywołania API
Podstawowe zarządzanie stanem
Change Detection
Standalone Components
Testy jednostkowe w Angular
Testowanie End-to-End
Build i optymalizacja
Podstawy NgRx
Zaawansowany NgRx
Architektura Angular
Optymalizacja wydajności
Bezpieczeństwo i najlepsze praktyki
Zaawansowane wzorce RxJS
Angular Universal i SSR
Angular Micro-frontends
Opanuj Angular na następną rozmowę
Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.
Zacznij za darmo