PassFront
  1. PassFront
  2. База знаний
  3. Продвинутые темы

Какие основные концепции flux важно понимать и почему?

Продвинутые темы

Основные концепции Flux: однонаправленный поток данных, Action, Dispatcher, Store, View. Они делают изменения состояния предсказуемыми и отслеживаемыми.

Концепции

Однонаправленный поток данных

Данные движутся строго в одну сторону — основа Flux:

Action → Dispatcher → Store → View → (новый Action)

Почему важно: предсказуемость — легко проследить, что и как меняет состояние (в отличие от хаотичного двустороннего связывания MVC).

Action

Объект, описывающий что произошло ({ type, payload }):

{ type: 'ADD_TODO', payload: { text: 'Купить хлеб' } }

Почему важно: явное описание изменений, единая точка входа.

Dispatcher

Центральный хаб, рассылающий actions всем store.

Почему важно: единая точка распределения (в Redux его роль у store.dispatch).

Store

Хранит состояние и логику его изменения, уведомляет View.

Почему важно: единый источник истины.

View

Отображает состояние, порождает новые actions.

Зачем знать Flux

  • Предсказуемость — однонаправленный поток убирает хаос.
  • Отслеживаемость — видно, откуда изменения.
  • Основа Redux — Redux построен на этих идеях (упрощая: один store, без dispatcher, чистые reducers).

Flux → Redux

Redux — эволюция Flux: один store, изменения через чистые reducers, без отдельного dispatcher.

Коротко для собеседования

Концепции Flux: однонаправленный поток (Action → Dispatcher → Store → View), Action (что произошло), Dispatcher (рассылка), Store (состояние + логика), View. Важны, потому что делают изменения предсказуемыми и отслеживаемыми (против хаоса двустороннего MVC). Это основа Redux (один store, чистые reducers).

Другие вопросы раздела