Что такое Redux?

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

Основные принципы Redux:

1. Единый источник истины: Состояние всего приложения хранится в одном объекте внутри одного Store.
2. Состояние только для чтения (Read-only state): Состояние приложения нельзя изменить напрямую. Единственный способ изменить состояние — это отправить (dispatch) Action — простой JavaScript-объект, описывающий, что произошло.
3. Изменения происходят с помощью чистых функций (Reducers): Для определения того, как состояние изменяется в ответ на Actions, используются Reducers. Reducer — это чистая функция, которая принимает текущее состояние и Action, и возвращает новое состояние.

Ключевые компоненты Redux:

• Store: Объект, который объединяет состояние, Action и Reducers. Он хранит состояние приложения, предоставляет методы для получения текущего состояния (getState), отправки Actions (dispatch) и подписки на изменения (subscribe).
• Action: Простой JavaScript-объект, описывающий событие, которое произошло. У него обязательно должно быть свойство type, обычно строковое. Могут содержать полезную нагрузку (payload) с данными.
• Reducer: Чистая функция, которая определяет, как состояние приложения изменяется в ответ на Action. Принимает текущее состояние и Action, возвращает новое состояние. Не должна мутировать исходное состояние, в