TL;DR. Собрал одно и то же CRUD-приложение на восьми стейт-менеджерах (effector, zustand, mobx, react-query, rxjs, reatom, xstate, jotai) и увидел: дело не в выборе библиотеки, а в архитектуре. Три правила, которые реально решают:
не тяните одну независимую фичу напрямую в другую — связывайте их через компоненты и хуки, а не импортом модели в модель;
один стор — одна сущность, без общего “божественного” стора на всё приложение;
создавайте и удаляйте модели вместе с компонентом — не превращайте их в постоянный глобальный стор без необходимости.
Рубрика «state management»
Почему архитектура важнее выбора стейт-менеджера в React
2026-10-01 в 14:02, admin, рубрики: architecture, effector, jotai, mobx, React, rxjs, state management, tanstack query, zustand, архитектура фронтендаКак я собирал Flutter-клиент, который не разваливается вне happy path
2026-04-17 в 12:15, admin, рубрики: Firebase Authentication, flutter, state management, WebSocket, архитектура приложений, мобильная разработка, офлайн-firstКогда рассказывают про архитектуру Flutter-приложения, всё обычно выглядит слишком аккуратно.
Есть Bloc, есть Dio, есть go_router, есть get_it. Где-то рядом лежат репозитории, модели, пара экранов и слайд со стрелками. На демо это звучит убедительно: “вот UI-слой, вот data-слой, вот state management”. Кажется, что если взять правильный набор пакетов, дальше система почти сама соберётся.
У меня так не вышло.
Вынесение бизнес‑логики из BLoC в use‑cases: прагматичный взгляд на архитектуру Flutter
2026-04-13 в 11:46, admin, рубрики: bloc, dart, dependency injection, flutter, state management, use cases, архитектура, мобильная разработка, тестирование, чистая архитектураВступление: зачем вообще задумываться об архитектуре
Начиная писать Flutter-приложение, для стейт-менеджмента часто хватает простого setState или решения по типу BLoC/Cubit без излишеств. Но с течением жизни проекта ваши блоки могут начать превращаться в god objects. Внутри хендлеров могут находиться и запросы в сервисы, и валидация, и эмиттеры состояния, а для крупной страницы точно одним ивентом не обойдешься. В таких условиях разработка сильно затрудняется, становится сложно поддерживать и масштабировать проект, снижается тестируемость.
WebSocket и RTK Query: живое общение в React-приложении
2026-02-04 в 7:26, admin, рубрики: echo, React, redux, redux-toolkit, redux-utils, reduxjs, rtk query, state management, WebSocketАвтор: Станислав Павенко
GitHub-репозиторий💡 Необходимые навыки до начала изучения!
Уметь писать код на
HTML/CSS;Понимать, что такое шифрование данных и чем отличаются
HTTPvsHTTPS;Уметь писать компоненты на
Reactи работать с хуками:useState,useEffect;Использовать Redux Toolkit Query для REST-запросов.
Представьте, что вы смотрите онлайн-трансляцию матча. Счёт меняется — и вы видите это мгновенноЧитать полностью »
Подходы к state management в React
2026-01-12 в 11:16, admin, рубрики: jotai, mobx, React, redux, state management, valtio, zustandДве проблемы React-разработчика
У React-разработчика две беды:
-
Целевые данные изменились, а ререндера не произошло.
-
Целевые данные не изменились, а ререндер произошёл.
Есть много способов подружить данные с UI. В рамках этой статьи я пройдусь по популярным подходам: разберём, как устроены подпискиЧитать полностью »
Попытка написать свою реализацию встроенных хуков состояния в React + создание простого стейт менеджера
2025-02-12 в 8:15, admin, рубрики: hook, javascript, React, state management, store, TypeScript, usereducer, usestateНемного предыстории
Недавно давно я смотрел ничем не примечательный техническое интервью и услышал фразу от интервьюируемого: «Ну можно написать свой useReducer или useState». Мне врезалась эта фраза в голову, ибо я никогда в серьез не задумывался как они работают под капотом и в исходниках особо не копался, максимум в типах. Из-за этого задача оказалась довольно сложной и интересной для меня ибо много получил много новой информации за довольно короткий срок и ее было сложно переварить и осознать.
Начало изысканий
Найди 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 всё же является реактивным, и подумаем о том, как и когда нужно, а когда не нужно применять паттерны реактивного программирования.Читать полностью »
Как я написал самую эффективную библиотеку для реактивного состояния
2023-02-01 в 13:00, admin, рубрики: javascript, React, react.js, ReactJS, ruvds_статьи, state, state management, state manager, Блог компании RUVDS.com, состояние
Всем привет, меня зовут Артём Арутюнян, и я уже пять лет изучаю реактивное программирование. Меня задела недавняя статья, Big State Managers Benchmark, в которой моя библиотека Reatom заняла лишь третье место (скорее второе, ну да ладно) и я решил написать самую эффективную реализацию реактивных состояний, убрав лишние фичи, сфокусировавшись на простоте и производительности.
Немного поэкспериментировав я добился удивительных результатов, в сто строк (0.3KB gzip) уместив максимально простое апи, которое позволяет подключаться к React и Svelte без дополнительных адаптеров. Но самое главное, найденный алгоритм фундаментально покрывает любые краевые случаи условных переподписок зависимых вычислений, с которыми подавляющее большинство популярных библиотек не справляется и дают глитчи.
Если вам интересны детали реализации — прошу под кат.
Читать полностью »
Знакомство c Reatom
2023-01-03 в 9:00, admin, рубрики: javascript, React, react.js, reactive programming, ReactJS, Reatom, redux, ruvds_статьи, state, state management, state manager, Блог компании RUVDS.com, состояние
Привет, меня зовут Артём Арутюнян и я автор менеджера состояния Reatom. Этим постом открывается серия обучающих материалов на русском языке, документация на английском доступна на официальном сайте.
А оно вам надо? Думаю, да, потому что Reatom — это универсальное решение, которое позволяет легко пошарить глобальное состояние за микроскопическую (2.5KB) цену, эффективно строить самодостаточные и переиспользуемые логические модули гигантских приложений или просто сделать ваш сетевой кеш реактивным с помощью дополнительного пакета @reatom/async.
В этой статье мы кратко пройдёмся по мотивации и истории, а потом разберём основные фичи и примеры их использования вместе с биндингами к React.js. Похожий разбор есть в виде скринкаста.Читать полностью »