Публикации по теме 'xstate'


Создание диалогового менеджера с конечными автоматами и XState в JavaScript
Диалоговый менеджер с XState Мы используем диалоги, чтобы информировать пользователей о конкретной и важной информации, которая может потребовать от них выполнения дополнительных действий или задач. Большинство диалоговых окон приложений являются динамическими, и обычно мы не можем позволить себе добавлять все диалоговые окна в основной корневой элемент в качестве заполнителей. Следовательно, нам нужна система для управления, отображения соответствующего содержимого для одного..

XState 101 — Краткое введение в конечный автомат
Узнайте, как использовать XState и конечный автомат для разработки своего приложения. Недавно моя команда начала задаваться вопросом, есть ли лучшие способы управления рабочим процессом в наших приложениях. Нам нужен лучший способ определить, в каком «состоянии» находится приложение и какой следующий шаг оно должно предпринять. XState XState — это реализация конечного автомата. Конечный автомат (FSM) — это вычислительная модель, используемая для представления и управления..

Моя первая конечная машина
Прежде всего, я надеюсь, что во время этой пандемии все будут в безопасности! Учитывая текущую ситуацию, я участвовал в нескольких групповых чатах, в которых участвовали викторины, названия фильмов которых были описаны в Emojis. Я подумал, что это было довольно весело, но то, что я видел, зависело от размера группы и доступности людей, что часто люди отвечали ответами в групповом чате, что означало, что у других не было возможности играть целиком. викторина, не видя ответов, и..

Вопросы по теме 'xstate'

В чем реальная разница между редуксом и конечным автоматом (например, xstate)?
Я работаю над исследованием одного внешнего приложения средней сложности. На данный момент оно написано на чистом javascript, имеет множество различных событийных сообщений, соединяющих несколько основных частей этого приложения. Мы решили, что...
19434 просмотров
schedule 09.05.2023

могу ли я иметь разные значения в разных состояниях в xstate
У меня много такого кода: export const getNodeShapeSize = ({ scaleToFit, compress, expanded }: { scaleToFit: boolean; compress: boolean; expanded: boolean; }): number => { if (scaleToFit) { return ShapeSizes.full; } if...
72 просмотров
schedule 13.09.2022

XState: дождитесь ответа вызванной функции
Я планирую использовать XState для управления состояниями в бэкэнде моего приложения. При вызове API функция будет вызываться при успешном изменении состояния. Результат вызова функции должен быть возвращен как ответ API. // Returns a Promise,...
1503 просмотров
schedule 22.07.2023

Можно ли определить состояние, которое переходит в себя в xstate?
Рассмотрим следующий автомат: { id: 'my_machine', initial: 'foo', states: { foo: { on: { TRIGGER_BAR: 'bar' } }, bar: { on: { TRIGGER_BAR: 'bar' TRIGGER_FOO: 'foo' } } } });...
72 просмотров
schedule 11.06.2023

Что произойдет, если вы отправите событие, которого нет в React Xstate?
Возьмите этот конечный автомат: { initial: "foo", states: { foo: { on: { BAR: "bar" } }, bar: { on: { FOO: "foo" } } } } И в моем компоненте я делаю это: import { useMachine } from "@xstate/react";...
297 просмотров
schedule 09.12.2022

Переходный переход, который устанавливает значение только при выполнении условия
Возьмите следующий код: const isWarning = () => { ... } const setWarning = () => { ... } const machine = Machine({ initial: "foo", context: { warning: null }, states: { foo: { on: { "": [ target:...
39 просмотров
schedule 25.11.2022

Реакция XState — совместное использование экземпляра машины несколькими компонентами
У меня две машины: AuthenticationMachine и AddressMachine . AuthenticationMachine используется Login component , а AddressMachine — Address component . Но мне нужно, чтобы token из AuthenticationMachine в компоненте Address использовалось с...
1493 просмотров
schedule 25.01.2023

Есть ли способ защитить переходы внутри узлов иерархического состояния в xState
Как следует из названия, у меня есть защищенные переходы, которые я хотел разместить в узле иерархического состояния, однако кажется, что xState не может прочитать свойство охранников и возвращает « TypeError: Cannot read property 'propertyName' of...
293 просмотров
schedule 27.05.2023

вход модели (текстовое поле) конечный автомат в xState
Хотелось бы прочитать ваши мысли о том, как вы будете моделировать ввод (текстовое поле) с помощью xState. Согласно статье input ux , текстовое поле может иметь следующие состояния: Текстовые поля ввода могут иметь одно из следующих...
46 просмотров
schedule 12.05.2023

Использование вложенных состояний в xstate
Я работаю над проектом домашней автоматизации с двумя лампочками. Пожалуйста, обратитесь к следующей диаграмме состояний, которую я создал с помощью xstate. У меня также есть суть, так что вы можете увидеть ее и в визуализаторе....
123 просмотров
schedule 14.05.2023

Redux и XState для хранилища данных и интеграции с React
Я использую Redux для большинства своих приложений React. Я думаю, что начну использовать XState , так как мне не нужно постоянно использовать эффекты в качестве плагина. И я думаю, что это более полная картина. Одна вещь, которую я хочу...
824 просмотров
schedule 24.04.2023

Как сохранить состояние в конечных автоматах Xstate в ответ?
У меня есть рабочая машина состояния корзины для добавления товаров в корзину. Я использую реакцию. При обновлении страницы контекст не сохраняется. Я новичок в конечных автоматах и ​​хотел бы сохранить состояние в своем приложении. Ниже приведена...
1953 просмотров
schedule 10.07.2023

Пусть машина xstate получает событие и обновляет контекст (но не меняет состояние) независимо от того, в каком состоянии она находится.
По сути, у меня есть куча разных состояний. Я хочу, чтобы машина могла получать и обновлять контекст извне через событие (независимо от того, в каком состоянии она находится). Я нашел эту ссылку, в которой говорится, что события могут быть корневым...
445 просмотров
schedule 30.11.2022

Использовать внешние данные в XState FSM
Я пытаюсь внедрить XState в существующую систему управления состоянием (в приложении React) и пытаюсь понять, как представить состояние, которое уже захвачено в устаревшем управлении состоянием, без дублирования. import {useLegacyState} from...
99 просмотров
schedule 31.01.2023

XState не остается в состоянии ожидания
Я использую xstate вместе с vuex в своем приложении: vuex обрабатывает пользователя, вызовы API, элементы ответа и т. д. xstate обрабатывает в основном сложные взаимодействия форм. По причине того, что сложные формы содержат...
107 просмотров
schedule 01.04.2023