Какой подход у MobX

MobX использует реактивное программирование для управления состоянием. Он автоматически отслеживает изменения в наблюдаемых (observable) данных и обновляет связанные компоненты.

Ключевые концепции:

• Observable: Данные, за которыми MobX следит.
• Action: Функции, изменяющие состояние.
• Computed: Производные значения, пересчитываемые автоматически.
• Reaction: Побочные эффекты (например, рендеринг).

Пример:

import { observable, action, computed, makeAutoObservable } from 'mobx';

class CounterStore {
  count = 0;

  constructor() {
    makeAutoObservable(this); // Автоматически делает поля observable
  }

  increment = action(() => {
    this.count++;
  });

  get doubleCount() {
    return this.count * 2; // Computed значение
  }
}

const store = new CounterStore();

Плюсы:

• Минимальный boilerplate.
• Высокая производительность за счёт точечных обновлений.
• Простота интеграции с React (observer).

Минусы:

• Меньше контроля над обновлениями, чем в Redux.
• Может усложнить отладку из-за неявной реактивности.