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

Question

MobX построен на паттерне Observer и принципах реактивного программирования. Состояние объявляется как observable, а компоненты автоматически становятся наблюдателями. При изменении данных MobX сам решает, какие части UI нужно обновить. Разработчику не нужно вручную описывать связи между состоянием и представлением.

YeaHub · Accepted Answer

MobX использует реактивную модель, близкую к spreadsheet-логике.ОпределениеОпределение: Observer pattern — паттерн, при котором объекты автоматически уведомляются об изменениях данных, на которые они подписаны.Как это реализовано в MobXObservableДанные, за которыми ведётся наблюдениеObserverКомпоненты или функции, использующие эти данныеАвтоматический трекингMobX сам запоминает, какие observables были прочитаныconst store = makeAutoObservable({
  count: 0,
  inc() {
    this.count++;
  },
});
count — observableКомпонент, читающий count, становится observerПри изменении count UI обновляется автоматическиЧем это отличается от Flux-подходаНет явного события (action)Нет централизованного редьюсераСвязи определяются во время выполненияПлюсы и минусы паттернаПлюсыМинимум кодаИнтуитивная модельВысокая производительность за счёт точечных обновленийМинусыСложнее отлаживать сложные сценарииНе всегда очевидно, откуда пришло изменениеВыводMobX основан на Observer + реактивности, что делает его мощным и удобным инструментом, но требует дисциплины, чтобы приложение оставалось понятным и поддерживаемым.