Опиши один цикл движения данных Flux-архитектуры

Flux — это однонаправленный поток данных, состоящий из 4 ключевых частей:

1. Действие (Action) — инициирует изменение (например, userClick или dataFetched). Это простой объект с type и данными:

{
  type: 'ADD_TODO',
  payload: { text: 'Learn Flux' }
}

2. Диспетчер (Dispatcher) — центральный хаб, который передает действие всем хранилищам. Один на приложение.

3. Хранилище (Store) — содержит состояние и логику его обновления. Получает действие от диспетчера, обновляет состояние и уведомляет view:

case 'ADD_TODO':
  state.todos.push(action.payload);
  emit('change');

4. Представление (View) — React-компонент подписывается на изменения хранилища и перерисовывается. Может создавать новые действия (замыкая цикл).

Весь цикл: Пользователь кликает → View создает Action → Dispatcher → Store обновляется → View перерисовывается.