Из чего состоит Flux архитектура

Flux — это архитектурный подход для управления состоянием в приложениях. Основные компоненты: 1. **Actions** — события, которые описывают, что произошло (например, `USER_CLICKED_BUTTON`). Могут содержать данные. 2. **Dispatcher** — центральный хаб, который получает actions и передаёт их всем зарегистрированным хранилищам. 3. **Stores** — содержат состояние и логику его изменения. Реагируют на actions, обновляют данные и уведомляют view. 4. **Views** (React-компоненты) — отображают данные из stores и могут создавать actions в ответ на пользовательские события. Пример: ```js // 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.text); this.emit('change'); } } } // View Dispatcher.dispatch(addTodo('New task'))}> Add Todo ``` Ключевой принцип — однонаправленный поток данных: Action → Dispatcher → Store → View → Action...