Что такое action в Redux и для чего он нужен?

Определение

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

Обязательная структура

Каждый action должен содержать поле type, которое чётко определяет, какой action выполняется. Это поле обычно — строковая константа, описывающая action.

Ключевые характеристики

• Обычные JavaScript объекты без методов или логики
• Содержат обязательное свойство type
• Могут включать дополнительные свойства, называемые payload, которые несут данные, необходимые для обновления состояния
• Описывают что произошло, а не как должно измениться состояние

Частый пример

Когда ты добавляешь новый todo в своё приложение, action может выглядеть так:

Роль в Redux Flow

Actions — это мост между твоим приложением и Redux. Они диспатчатся в reducer, который затем использует поля type и payload, чтобы определить, как обновить состояние store.