Какие знаешь основные концепции flux

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

1. Однонаправленный поток данных
   Данные движутся в одном направлении: Action → Dispatcher → Store → View.

2. Action
   Объект, описывающий событие (например, { type: 'ADD_TODO', payload: 'Buy milk' }). Может быть создан пользователем или системой.

3. Dispatcher
   Центральный хаб, который передает Actions всем Stores. В Redux его роль выполняет store.dispatch().

4. Store
   Хранит состояние приложения и обновляет его в ответ на Actions. В Redux Store — единственный.

5. View
   Компоненты, которые отображают данные из Store и могут инициировать Actions.

Пример с Redux:

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

// Reducer (аналог Store)
const todos = (state = [], action) => {
  switch (action.type) {
    case 'ADD_TODO': return [...state, action.text];
    default: return state;
  }
};

// Dispatch
store.dispatch(addTodo('Learn Flux'));