XState + json-render: управление состоянием UI

★ 8.1 · vibe-coding

Управление состоянием через XState — это скилл для Claude Code, который подключает @xstate/store как бэкенд состояния для json-render через адаптер StateStore. Берут, когда нужно отрисовывать UI из JSON-схем и при этом держать состояние интерфейса в XState Store, а не во встроенном хранилище json-render; или когда уже используется @xstate/store в React-проекте и хочется подключить к нему json-render без дублирования логики. Внутри — единственная функция xstateStoreStateStore, которая принимает atom, созданный через createAtom из @xstate/store, и возвращает объект StateStore, совместимый с StateProvider из @json-render/react. Устанавливается через npm: нужны @json-render/xstate, @json-render/core, @json-render/react и @xstate/store v3+. Направление — связать уже существующий XState-атом с json-render, а не заменить XState целиком или использовать json-render без внешнего стора. Подойдёт React-проектам, где json-render рендерит компоненты, а XState управляет их состоянием; не подходит, если @xstate/store версии ниже 3 или если в проекте не используется json-render.