MobX или приправа реактивности для JS

В сфере искусственного интеллекта произошло заметное событие. js2me 1 час назад MobX или приправа реактивности для JS Средний 10 мин 2. 3K TypeScript * JavaScript * ReactJS * $mol * HTML * Обзор Из песочницы Привет, Хабр! Меня зовут Сергей Волков, я фронтенд-разработчик в компании VK.

Мы используем MobX для работы с реактивными значениями в веб-приложениях, поэтому я хочу познакомить вас с этим инструментом и показать, почему на него стоит обратить внимание. В этой статье я хочу поделиться своими мыслями о MobX - инструменте, который я искренне полюбил после многих лет разработки интерфейсов. :)Да кто такой этот ваш MobX?

Технические детали

древний мемЕсли коротко, это стейт-менеджер с невероятно гибкой и удобной системой реактивности, который позволяет строить приложения абсолютно любой сложностиЛично я вижу MobX как своеобразный «пластилин» для архитектуры. Да, инструмент диктует определенные правила, но они касаются лишь базовой работы с реактивностью: вы объявляете данные как observable/computed, а система сама отслеживает их использование и точечно обновляет интерфейс при любых изменениях. Во всём остальном у вас полная свобода.

В отличие от других инструментов, здесь нет жесткой привязки к редюсерам, обязательной иммутабельности или строгой необходимости прокидывать каждое изменение через диспатчи. Вы можете использовать (а можете не использовать) привычные классы, применять паттерны ООП, инкапсулировать логику прямо рядом со стейтом и строить архитектуру так, как удобно именно вам, избавляясь от тонн бойлерплейта. Сегодня в мире React разработки у нас есть огромный выбор инструментов для управления состоянием.

У каждого из них свои преимущества, недостатки и неизбежный шаблонный код (бойлерплейт), без которого пока никуда. Вот лишь малая часть популярных альтернатив, с которыми часто сравнивают MobX:JotaiZustandRedux$molEffectorReatomNanostoreskr-observableRecoilXState - иногда дополняет сам MobXBackboneЭто отнюдь не полный список, а лишь малая часть альтернатив. История знакомстваЗа свою карьеру я поработал над множеством проектов, но один из них удивил меня особенно сильно.

Отраслевые последствия

)Бизнес-задача заключалась в разработке большого и высоконагруженного веб-приложения. По сути, это был сложный конструктор: low-code инженеры самостоятельно собирали интерфейсы прямо в дашборде. Пользователь сам определял количество тяжелых компонентов на экране, сам задавал их реактивные свойства, и всё это в реальном времени синхронизировалось с сервером.

И это лишь малая часть того, на что была способна система. Именно эта амбициозная техническая задача и её очень аккуратная реализация на MobX заставили меня задуматься: а как бы это вообще выглядело на том же Redux или Zustand? Скажу честно: сделать это было бы реально.

Но реализация оказалась бы на порядок сложнее, многословнее и, скорее всего, обросла бы костылями. За что я его полюбил ? Я выделил пять основных пунктов, которые лично для меня делают MobX безоговорочным фаворитом:1.

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