Skip to main content

Що таке derived state?

AngularJunior~1 хв читання
Запропонувати правку

Derived state - це стан, який обчислюється на основі іншого стану, а не зберігається окремо.

Простий приклад:

У тебе є список товарів:

ts
products = signal<Product[]>([]);

А derived state - це, наприклад, відфільтровані товари:

ts
filtered = computed(() => products().filter(p => p.inStock));

Ти не зберігаєш filtered вручну, а просто кажеш: "Візьми products, оброби - і ось результат".

Навіщо це потрібно:

  • Немає дублювання даних
  • Усе завжди актуальне й синхронізоване
  • Не потрібно оновлювати вручну під час кожної зміни

Де використовується:

  • computed() у signals
  • map()/combineLatest() у RxJS
  • selectors у NgRx

Висновок: Derived state - це "розумний" стан, який не живе сам по собі, а автоматично слідує за базовими даними. Ти не керуєш ним вручну - він просто "відбувається".

Коротка відповідь

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

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

Запропонувати правку