Architektura Angular
Smart vs presentational components, feature modules, core modules, shared modules, monorepo z Nx, struktura folderów
1Jaka jest główna różnica między smart component a presentational component?
Jaka jest główna różnica między smart component a presentational component?
Odpowiedź
Smart components (lub container components) zarządzają logiką biznesową, wywołaniami API i stanem aplikacji za pomocą serwisów lub state management. Presentational components koncentrują się wyłącznie na wyświetlaniu i otrzymują dane przez @Input, emitując zdarzenia przez @Output. Taki podział poprawia testowalność i możliwość ponownego użycia komponentów.
2Jaka jest główna zaleta używania presentational components?
Jaka jest główna zaleta używania presentational components?
Odpowiedź
Presentational components są wysoce reużywalne, ponieważ nie zależą od serwisów ani konkretnej logiki biznesowej. Otrzymują wszystkie dane przez @Input i komunikują się przez @Output, dzięki czemu można je łatwo testować z mockowanymi danymi i ponownie używać w różnych kontekstach. To podejście sprzyja także stosowaniu strategii OnPush w celu optymalizacji wydajności.
3Czym jest feature module w Angularze?
Czym jest feature module w Angularze?
Odpowiedź
Feature module to moduł Angulara, który enkapsuluje konkretną funkcjonalność biznesową aplikacji (przykład: zarządzanie użytkownikami, koszyk zakupów). Zawiera wszystkie komponenty, serwisy, dyrektywy i pipe'y potrzebne do tej funkcjonalności. Feature module może być ładowany leniwie w celu poprawy wydajności i promuje skalowalną architekturę modułową.
Jaką rolę pełni Core Module w architekturze Angular?
Dlaczego Core Module powinien być importowany tylko raz w AppModule?
+19 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
Standalone Components
Testy jednostkowe w Angular
Testowanie End-to-End
Build i optymalizacja
Podstawy NgRx
Zaawansowany NgRx
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