Какой подход у flux

Flux — это архитектурный паттерн для управления состоянием в приложениях. Он основан на однонаправленном потоке данных и включает три ключевых компонента:

1. Store — хранит состояние приложения и логику его обновления.
2. Action — объект с данными, описывающий изменение (например, { type: 'ADD_TODO', text: 'Learn Flux' }).
3. Dispatcher — центральный хаб, который передает action в store.

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

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

// Store (упрощенный)
const store = {
  todos: [],
  dispatch(action) {
    if (action.type === 'ADD_TODO') {
      this.todos.push(action.text);
    }
  },
};

// Вызов
store.dispatch(addTodo('Learn Flux'));

Плюсы:

• Предсказуемость (данные всегда обновляются в одном направлении).
• Легче отладка (логика сосредоточена в store).

Минусы:

• Больше шаблонного кода по сравнению с Redux/MobX.
• Нет встроенной оптимизации ререндеров.

Flux вдохновил Redux, но сам используется реже из-за более сложной настройки.