Що робить Selector?

AngularJunior~1 хв читання

Selector у NgRx - це функція для отримання потрібних даних зі store.

Він не змінює стан, а просто дістає з нього те, що потрібно компоненту.

Припустимо, у store лежить:

{
  user: { id: 1, name: 'Maria' },
  cart: { items: [ ... ] }
}

Щоб отримати лише ім'я користувача, пишуть:

const selectUserName = createSelector(
  state => state.user,
  user => user.name
);

А потім у компоненті:

this.store.select(selectUserName).subscribe(name => {
  console.log(name);
});

Зручно. Не потрібно щоразу лізти вглиб store вручну.
Перевикористовувано. Один селектор - у різних компонентах.
Продуктивно. createSelector кешує результат і не викликає підписників, якщо дані не змінилися.

Selector - це як фільтр: показує компоненту лише потрібний шматочок стану. Store великий, але ти бачиш лише те, що важливо.

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.