MobX

MobX — библиотека JavaScrip^[1] с открытым исходным кодом, дающая разработчикам инструмент для управления состоянием веб-приложения.

Использует в своей реализации Context API и, по сравнению с Redux, требует минимум шаблонного кода.

Хранилища данных хорошо масштабируются и для каждого можно определить его область видимости, помещая соответствующие компоненты внутрь провайдеров.

MobX различает следующие концепции:

• State (состояние)
• Actions (действия)
• Derivations (производные)

Состояние (State) — это данные, которые управляют вашими приложениями. Они содержат различные типы данных, начиная от массивов, строк, чисел и объектов, с которыми MobX позволяет вам работать.

Действия (Action) — это методы, которые изменяют состояние (State). Actions помогают вам структурировать ваш блок кода и предотвращают постоянное изменение состояния, когда в этом нет необходимости.

Производные (Derivations) — всё, что получено из состояния. Примеры:

• Computed Values
• Reactions

Computed Values — это значения, которые могут быть получены из состояния с помощью чистой функции. Они будут автоматически обновляться MobX, а также приостанавливаться, когда не используются.

Reactions Reactions (реакции) подобны computed values: они реагируют на изменения состояния, но вместо этого вызывают побочные эффекты. В React вы можете превратить функциональные компоненты без состояния в реактивные компоненты, просто добавив функцию наблюдателя. Observer преобразует компоненты функции React в вывод данных, которые они отображают.