Зачем нужен NgRx в Angular-приложении

NgRx — это библиотека для управления состоянием в Angular-приложениях, основанная на паттерне Redux. Она помогает централизованно хранить состояние приложения, что упрощает его предсказуемость, отладку и тестирование.

Основные преимущества NgRx:

• Единый источник правды: всё состояние хранится в одном объекте store.
• Иммутабельность: состояние не изменяется напрямую, а обновляется через чистые функции-редьюсеры.
• Отслеживание изменений: благодаря потокам событий (actions) легко понять, что и когда изменилось.
• Интеграция с Angular: использует RxJS для реактивного программирования, что хорошо сочетается с Angular.

Пример использования NgRx:

// action
export const increment = createAction('[Counter] Increment');

// reducer
const counterReducer = createReducer(0,
  on(increment, state => state + 1)
);

// компонент
this.store.dispatch(increment());
this.store.select('counter').subscribe(value => console.log(value));