Упрощенное внедрение Redux на Angular

Рано или поздно контроль состояния приложения становится сложнее и нужно внедрять менеджер состояний. Redux — отличная реализация такого менеджера, но хотелось бы постепенно погружаться, поэтому для себя написал небольшой шаблон сервиса на Angular с концепцией Redux.

Место изменения состояния становится единым, состояние можно изменить только оператором dispatch, при котором состояние меняется на новое.

Реализуем в классе функции createStore и dispatch, а также опишем редюсеры на события:

Инициализируем стор:

Выведем данные из стора и опишем кнопки вызывающие события:

Репозизатрий с примером.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *