Что такое Flux-архитектура

Flux — это архитектурный паттерн для управления состоянием в приложениях, предложенный Facebook. В отличие от MVC, Flux использует однонаправленный поток данных, что упрощает отладку и предсказуемость.

Основные компоненты:

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

Пример:

// Action
const addTodo = (text) => ({
  type: 'ADD_TODO',
  payload: text
});

// Store (упрощённо)
class TodoStore {
  constructor() {
    this.todos = [];
    Dispatcher.register(this.handleAction.bind(this));
  }

  handleAction(action) {
    if (action.type === 'ADD_TODO') {
      this.todos.push(action.payload);
      this.emitChange(); // Уведомляем View
    }
  }
}

Плюсы:

• Чёткое разделение ответственности.
• Предсказуемость за счёт однонаправленного потока.

Используется в Redux (упрощённый Flux).