Просунутий NgRx
Entity adapter, feature states, meta-reducers, router store, component store, патерни effects, обробка помилок
1Яка основна роль createEntityAdapter у NgRx?
Яка основна роль createEntityAdapter у NgRx?
Відповідь
Entity Adapter автоматично генерує reducer та selector для управління нормалізованими колекціями сутностей. Він надає методи на кшталт addOne, addMany, updateOne, removeOne, які полегшують маніпуляцію об'єктами, проіндексованими за ID. Це уникає необхідності вручну писати логіку управління колекціями та гарантує нормалізований стан для кращої продуктивності.
2Яку структуру даних використовує Entity Adapter для зберігання сутностей?
Яку структуру даних використовує Entity Adapter для зберігання сутностей?
Відповідь
Entity Adapter зберігає сутності в об'єкті з двома властивостями: ids (впорядкований масив ідентифікаторів) та entities (словник ключ-значення для доступу O(1)). Ця нормалізована структура уникає дублікатів, полегшує оновлення за ID та оптимізує продуктивність пошуку. Масив ids зберігає порядок відображення.
3Як вказати користувацький компаратор сортування з Entity Adapter?
Як вказати користувацький компаратор сортування з Entity Adapter?
Відповідь
Компаратор сортування визначається через властивість sortComparer під час створення адаптера. Ця функція порівнює дві сутності та повертає число (від'ємне, нульове або додатне) для визначення їх порядку. Якщо sortComparer встановлено на false, автоматичне сортування не застосовується, а ids зберігають порядок вставки або оновлення.
Який метод Entity Adapter використовувати для додавання або оновлення кількох сутностей за одну операцію?
Який попередньо визначений selector Entity Adapter отримує всі сутності як масив?
+21 питань зі співбесід
Інші теми співбесід 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
Архітектура Angular
Оптимізація продуктивності
Безпека та найкращі практики
Просунуті патерни RxJS
Angular Universal та SSR
Angular Micro-frontends
Опануй Angular для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно