Базове керування станом
Component state, services state, BehaviorSubject, state patterns, stateful vs stateless components, shared state
1Який найпростіший спосіб оголосити локальний стан у компоненті Angular?
Який найпростіший спосіб оголосити локальний стан у компоненті Angular?
Відповідь
Оголошення властивості класу безпосередньо в компоненті є найпростішим методом керування локальним станом. Цей підхід ідеально підходить для даних, які використовуються лише цим компонентом і не потребують спільного використання. Властивості автоматично доступні в шаблоні і можуть бути змінені безпосередньо.
2Яка головна характеристика stateless компонента?
Яка головна характеристика stateless компонента?
Відповідь
Stateless компонент не має внутрішнього стану і залежить виключно від @Input для отримання даних. Ці компоненти є суто презентаційними і випускають події через @Output для зв'язку зі своїм батьком. Ця архітектура покращує можливість повторного використання та полегшує тестування.
3Чому використовувати BehaviorSubject замість Subject для керування станом?
Чому використовувати BehaviorSubject замість Subject для керування станом?
Відповідь
BehaviorSubject завжди зберігає останнє випущене значення і негайно надсилає його новим підписникам. Ця характеристика є важливою для керування станом, оскільки компоненти повинні мати доступ до поточного стану одразу після ініціалізації, не чекаючи нового випуску. Subject не зберігає жодного значення, і нові підписники отримують лише майбутні випуски.
Яка найкраща практика для надання стану, керованого сервісом Angular?
Як поділити стан між кількома компонентами, які не пов'язані відношенням батько-дитина?
+17 питань зі співбесід
Інші теми співбесід Angular
Основи TypeScript
TypeScript просунутий
Основи Angular
Компоненти та життєвий цикл
Services & Dependency Injection
Організація модулів Angular
Angular CLI
Директиви та Pipe
Маршрутизація та навігація
Реактивні форми
Template-driven форми
Основи RxJS
Оператори RxJS
HttpClient і виклики API
Change Detection
Angular Signals
Standalone Components
Модульні тести в Angular
End-to-End тестування
Build і оптимізація
Основи NgRx
Просунутий NgRx
Архітектура Angular
Оптимізація продуктивності
Безпека та найкращі практики
Просунуті патерни RxJS
Angular Universal та SSR
Angular Micro-frontends
Опануй Angular для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно