Публикации по теме '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