Standalone Components
Standalone components, imports, providers, bootstrapping, migracja z NgModules, nowa struktura aplikacji
1Czym jest standalone component w Angularze?
Czym jest standalone component w Angularze?
Odpowiedź
Standalone component to komponent Angulara, który ustawia standalone: true w swoim dekoratorze @Component. Pozwala to komponentowi zarządzać własnymi imports i providers bez potrzeby NgModule. Standalone components upraszczają architekturę, eliminując potrzebę modułów pośrednich do organizowania zależności.
2Jak zadeklarować standalone component?
Jak zadeklarować standalone component?
Odpowiedź
Aby utworzyć standalone component, wystarczy dodać właściwość standalone: true w dekoratorze @Component. Ta prosta deklaracja sprawia, że komponent jest niezależny od jakiegokolwiek NgModule i pozwala zarządzać imports oraz providers bezpośrednio w metadanych komponentu, eliminując potrzebę zewnętrznej deklaracji w module.
3Jak zaimportować inny komponent do standalone component?
Jak zaimportować inny komponent do standalone component?
Odpowiedź
W standalone component zależności (komponenty, dyrektywy, pipes) są dodawane bezpośrednio w tablicy imports dekoratora @Component. Każdy komponent może importować inne standalone components, dyrektywy, pipes, a nawet klasyczne NgModules. Eliminuje to potrzebę pośrednich NgModules do zarządzania zależnościami między komponentami i upraszcza architekturę.
Której funkcji użyć do uruchomienia aplikacji ze standalone component?
Jak skonfigurować globalne providers za pomocą bootstrapApplication?
+15 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
Angular Signals
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