На каком паттерне построен MobX?

MobX использует реактивную модель, близкую к spreadsheet-логике.

Определение

Определение: Observer pattern — паттерн, при котором объекты автоматически уведомляются об изменениях данных, на которые они подписаны.

Как это реализовано в MobX

1. Observable

   • Данные, за которыми ведётся наблюдение

2. Observer

   • Компоненты или функции, использующие эти данные

3. Автоматический трекинг

   • MobX сам запоминает, какие observables были прочитаны

const store = makeAutoObservable({
  count: 0,
  inc() {
    this.count++;
  },
});

1. count — observable

2. Компонент, читающий count, становится observer

3. При изменении count UI обновляется автоматически

Чем это отличается от Flux-подхода

1. Нет явного события (action)

2. Нет централизованного редьюсера

3. Связи определяются во время выполнения

Плюсы и минусы паттерна

1. Плюсы

   • Минимум кода

   • Интуитивная модель

   • Высокая производительность за счёт точечных обновлений

2. Минусы

   • Сложнее отлаживать сложные сценарии

   • Не всегда очевидно, откуда пришло изменение

Вывод

MobX основан на Observer + реактивности, что делает его мощным и удобным инструментом, но требует дисциплины, чтобы приложение оставалось понятным и поддерживаемым.