В чем разница между MobX и Redux?

MobX и Redux — две библиотеки управления состоянием с разными подходами: Redux строг и явен, MobX реактивен и лаконичен.

Redux

• Подход: функциональный, иммутабельный, однонаправленный поток.
• Состояние меняется только через actions и чистые reducers.
• Явный и предсказуемый, отличные devtools (time-travel).
• Больше бойлерплейта (снижается с Redux Toolkit).

dispatch({ type: 'increment' }); // явное действие

MobX

• Подход: реактивный, основан на наблюдаемых (observables).
• Меняешь данные напрямую — зависимые части UI обновляются автоматически.
• Меньше кода, «магия» реактивности.
• Мутабельное состояние, менее явный поток данных.

class Store {
  @observable count = 0;
  constructor() { makeObservable(this); } // с legacy-декораторами в MobX 6 обязательно
  @action inc() { this.count++; } // прямое изменение
}

Различия

• Поток данных: Redux — однонаправленный и явный; MobX — автоматическая реактивность.
• Состояние: Redux — иммутабельное; MobX — мутабельное.
• Бойлерплейт: Redux больше; MobX меньше.
• Предсказуемость/отладка: Redux выигрывает; MobX лаконичнее.

Как выбирать

• Нужны строгость, предсказуемость, крупная команда → Redux.
• Нужны скорость разработки и меньше кода → MobX.

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

Redux — явный, иммутабельный, однонаправленный поток через actions/reducers, отличная отладка, но много кода. MobX — реактивный, мутабельный, автоматически обновляет UI при изменении данных, меньше кода. Redux для строгости, MobX для скорости.