Встречается на собеседованиях • сегодня

Какие знаешь сущности Flux-архитектуры

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

  1. Actions — объекты, описывающие изменения (например, { type: 'ADD_TODO', payload: 'Learn Flux' }). Они передаются в Dispatcher.
  2. Dispatcher — центральный хаб, который регистрирует колбэки и распределяет Actions по Store.
  3. Store — хранилище состояния и логики его обновления. Меняет состояние только в ответ на Action.
  4. View (React-компоненты) — отображают данные из Store и могут инициировать 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);
      this.emit('change');
    }
  }
}

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

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы