TL;DR. Собрал одно и то же CRUD-приложение на восьми стейт-менеджерах (effector, zustand, mobx, react-query, rxjs, reatom, xstate, jotai) и увидел: дело не в выборе библиотеки, а в архитектуре. Три правила, которые реально решают:
не тяните одну независимую фичу напрямую в другую — связывайте их через компоненты и хуки, а не импортом модели в модель;
один стор — одна сущность, без общего “божественного” стора на всё приложение;
создавайте и удаляйте модели вместе с компонентом — не превращайте их в постоянный глобальный стор без необходимости.
Рубрика «mobx»
Почему архитектура важнее выбора стейт-менеджера в React
2026-10-01 в 14:02, admin, рубрики: architecture, effector, jotai, mobx, React, rxjs, state management, tanstack query, zustand, архитектура фронтендаMobX или приправа реактивности для JS
2026-06-03 в 14:12, admin, рубрики: frontend-разработка, mobx, mvvm, oop patterns, React, react.js, ReactJS, ооп
Привет!
Меня зовут Сергей Волков, я фронтенд-разработчик в компании VK. Мы используем MobX для работы с реактивными значениями в веб-приложениях, поэтому я хочу познакомить вас с этим инструментом и показать, почему на него стоит обратить внимание.
Подходы к state management в React
2026-01-12 в 11:16, admin, рубрики: jotai, mobx, React, redux, state management, valtio, zustandДве проблемы React-разработчика
У React-разработчика две беды:
-
Целевые данные изменились, а ререндера не произошло.
-
Целевые данные не изменились, а ререндер произошёл.
Есть много способов подружить данные с UI. В рамках этой статьи я пройдусь по популярным подходам: разберём, как устроены подпискиЧитать полностью »
Найди x: React + MobX + SSR + x = Счастье
2025-02-11 в 11:59, admin, рубрики: dependency injection, di, inversion of control, ioc, mobx, React, server side rendering, ssr, state managementПриветствую всех читателей!
В мире информационных технологий наблюдается устойчивая тенденция перехода от традиционных десктопных приложений к веб-приложениям. Сегодня веб-приложения достигли значительной сложности и представляют собой интересную область разработки. Мне посчастливилось участвовать в создании одного из таких приложений, и я рад поделиться своим опытом и знаниями с вами.
О продукте
Архитектура и реактивное программирование
2023-05-24 в 9:00, admin, рубрики: javascript, mobx, React, react.js, reactive programming, reactivity, ReactJS, Reatom, ruvds_статьи, rx, rxjs, state, state management, state manager, Блог компании RUVDS.com, Программирование, реакт, реактивное программирование, реактивность, состояние
Что такое реактивное программирование? Не Rx. И даже не Excel. Это архитектурный паттерн, позволяющий абсолютно иначе писать код. В статье мы устаканим фундаментальные знания, утвердимся в том, что React.js всё же является реактивным, и подумаем о том, как и когда нужно, а когда не нужно применять паттерны реактивного программирования.Читать полностью »
Прокачайте свое взаимодействие с MobX
2022-02-12 в 10:22, admin, рубрики: architecture, di, javascript, mobx, mvvm, Observer, React, ReactJS, TypeScriptВ этой статье я опишу структурированный подход к использованию MobX, который может помочь упростить процесс разработки. Здесь не будет описываться код, только описание подхода к использованию. На код будут даваться ссылки. И я очень прошу вас посмотреть на примеры, которые я прикладываю. В них можно будет наглядно увидеть все плюсы описываемой архитектуры.
Также важно будет упомянуть, что для полного понимания описанного в статье, нужно быть знакомым с паттернами Observable/Observer, MVVM и DI.
Разбираемся в сортах реактивности
2021-11-04 в 4:14, admin, рубрики: $hyoo, $mol, angular, cellx, ChronoGraph, effector, FRP, javascript, mobx, ORP, React, reactive programming, reactivity, Reatom, rxjs, state management, svelte, vue, Анализ и проектирование систем, Блог компании TIMEWEB, Программирование, Разработка веб-сайтовЗдравствуйте, меня зовут Дмитрий Карловский и я… прилетел к вам на турбо-реактивном самолёте. Основная суть реактивного двигателя изображена на картинке.
Тут, казалось бы, хаотичное взаимодействие между молекулами, приводит к тому, что улетающие молекулы опосредованно передают импульс корпусу двигателя. Что ж, давайте подумаем, как реактивные принципы решают или наоборот усугубляют проблемы в программировании. Сравним различные подходы к реактивному программированию. И вытащим на поверхность все их подводные камни.
Это — текстовая расшифровка выступления на SECON.Weekend Frontend'21. Вы можете посмотреть видео запись, прочитать как статью, либо открыть в интерфейсе проведения презентаций.
Flutter + чистая архитектура: разбираем на примере
2020-10-10 в 17:51, admin, рубрики: bloc, dart, flutter, mobx, архитектура приложений, никто не читает теги, Проектирование и рефакторинг, разработка мобильных приложений, чистая архитектураНа определённом этапе изучения новой технологии начинаешь задаваться вопросом - как правильно организовать архитектуру проекта? Мне в своё время повезло - попались опытные наставники, которые дали мудрые советы. Однако я считаю, что знания не должны лежать мёртвым грузом, поэтому пишу эту статью в помощь начинающим (и не только) flutter-разработчикам.
Почему мы выбрали MobX, а не Redux, и как его использовать эффективнее
2020-10-09 в 12:06, admin, рубрики: javascript, Mail.Ru Cloud Solutions, mobx, React, ReactJS, redux, web-разработка, Блог компании Mail.Ru Group, Разработка веб-сайтов
Меня зовут Назим Гафаров, я разработчик интерфейсов в Mail.ru Cloud SolutionsЧитать полностью »