Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить Selector?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Selector** у NgRx - це функція, яка дістає потрібні дані зі store, не змінюючи стан, і кешує результат через `createSelector`. **Ключове:** Selector - як фільтр: store великий, але компонент бачить лише той шматочок стану, який йому потрібен.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення`Selector` у NgRx - це **функція для отримання потрібних даних зі store**. Він не змінює стан, а просто дістає з нього те, що потрібно компоненту. ### Приклад Припустимо, у store лежить: ```ts { user: { id: 1, name: 'Maria' }, cart: { items: [ ... ] } } ``` Щоб отримати лише ім'я користувача, пишуть: ```ts const selectUserName = createSelector( state => state.user, user => user.name ); ``` А потім у компоненті: ```ts this.store.select(selectUserName).subscribe(name => { console.log(name); }); ``` ### Навіщо потрібні селектори 1. **Зручно.** Не потрібно щоразу лізти вглиб store вручну. 2. **Перевикористовувано.** Один селектор - у різних компонентах. 3. **Продуктивно.** `createSelector` кешує результат і не викликає підписників, якщо дані не змінилися. ### Висновок `Selector` - це як фільтр: показує компоненту лише потрібний шматочок стану. Store великий, але ти бачиш лише те, що важливо.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.