home.social

#redux — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #redux, aggregated by home.social.

fetched live
  1. Когда setState недостаточно: как я написал транзакционный стейт-менеджер на TypeScript

    Стейт-менеджеров в JavaScript уже столько, что идея написать ещё один выглядит немного сомнительно. Есть Redux Toolkit, Zustand, MobX, Jotai, XState и десятки менее известных библиотек. Почти для любого способа хранить состояние уже существует готовое решение. Но все же в качестве эксперимента, решил реализовать свою идею.

    habr.com/ru/articles/1070960/

    #state #state_management #redux #zustand

  2. Redux никогда не работал в React

    потому что нельзя просто взять redux и начать использовать в React. Необходима некая «react-redux» библиотека. А в чём тогда смысл талдычить, что «Redux works with any UI layer»?

    habr.com/ru/articles/1058110/

    #eactjs #redux #reactredux #конечный_автомат #state_management

  3. Компонент сам себе стор, а внешний стор это антипаттерн

    Статья о том, почему не надо учить Redux и прочие внешние сторы За два года я ни разу не написал ни одного редьюсера Везде антипаттерны, да ?

    habr.com/ru/articles/1043754/

    #store #storage #redux #$mol #react

  4. Context-driven Reusable Form Pattern: Масштабируемая архитектура для Create / Edit / Create-from-Source

    Как перестать копировать формы и построить масштабируемую архитектуру В enterprise-приложениях формы множатся быстро: create, edit, import, create-from-lead, duplicate — и вот у вас уже шесть копий одной формы, а внутри условный ад из if (mode === …). О чём статья: Почему mode prop и giant form component не масштабируются; Как разделить форму на четыре слоя: presentation, orchestration, context, data source; Что такое capabilities и почему они лучше условной логики; Как адаптеры отвязывают форму от source entities; Куда прятать submit, валидацию и внешний store; Как тестировать такую архитектуру изолированно. Примеры на React + TypeScript, но подход применим к любому компонентному UI. Для начинающих и тех, кто уже устал от копипасты в enterprise.

    habr.com/ru/articles/1038754/

    #react #mobx #zustand #frontend #typescript #javascript #enterprise_architecture #формы_react #react_hook_form #redux

  5. Нормализация состояния в React через реестр сущностей: паттерн на Zustand с рекурсивным парсингом и мягкими удалениями

    В этой статье я разберу паттерн Entity Registry — плоский реестр сущностей на базе Zustand, который автоматически нормализует любые ответы API, хранит данные в едином словаре по ID и обеспечивает точечный ре-рендер только тех компонентов, чьи данные действительно изменились. Отдельно разберём трюк с enumerable: false для мягких удалений — пожалуй, самую изящную часть паттерна.

    habr.com/ru/articles/1019110/

    #React #Nextjs #TypeScript #JavaScript #Vovkts #Zustand #Redux #нормализация

  6. Модальные окна в React: архитектура управления для сложных интерфейсов

    Модальные окна — один из самых недооценённых слоёв UI-архитектуры. Формы, подтверждения, панели действий — в любом крупном проекте их десятки. И почти в каждом проекте их управление со временем превращается в хаос. Не потому что разработчики ленивые. А потому что модалки обманчиво просты. useState(false) — и готово. Пока модалка одна, в одном месте, с одним набором данных — проблем нет.

    habr.com/ru/articles/1019824/

    #Modals #React #dialog #redux