Как происходит общение частей Flux архитектуры

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

1. Actions — события, передающие данные в Dispatcher (например, { type: 'ADD_TODO', payload: 'Buy milk' })
2. Dispatcher — центральный хаб, который регистрирует колбэки Stores и рассылает Actions всем зарегистрированным Stores
3. Stores — содержат состояние и логику его обновления. Подписываются на Dispatcher и обновляются при получении Actions
4. Views (React-компоненты) — подписываются на изменения Stores и перерисовываются при обновлении состояния

Пример потока:

// Action
const action = {
  type: 'ADD_TODO',
  text: 'Read Flux docs'
};

// Dispatcher отправляет Action в Store
Dispatcher.dispatch(action);

// Store обновляет состояние
case 'ADD_TODO':
  state.todos.push(action.text);
  emit('change'); // Оповещает View

// View (React) перерисовывается после изменения Store

Однонаправленность потока (Action → Dispatcher → Store → View → Action...) упрощает отладку и предсказуемость состояния.