Сложность управления состоянием является одной из основных причин, по которым наши приложения становятся такими сложными. Мы пытаемся справиться с этой сложностью с помощью множества логических переменных, в некоторой степени семантических переменных, таких как isLoading, wasFetched и hasError, и чрезмерно спроектированных систем, которые все еще полны ошибок. Конечно, есть лучший способ. Этот лучший способ - конечные автоматы.
Автоматы состояний формализуют то, как мы определяем состояния наших приложений и осуществляем переход по ним, и дают нам полный контроль над наиболее сложными частями наших приложений.
В этом курсе мы рассмотрим проблемы, которые решают конечные автоматы, например, логический взрыв. Сначала мы попытаемся решить это по-своему, продвинемся дальше, а затем продемонстрируем, как конечные автоматы помогают нам в этом. После этого мы углубимся в библиотеку XState, первую библиотеку конечных автоматов JavaScript, чтобы узнать ее API и способы ее использования для решения наших проблем.
Создайте простую машину для части пользовательского интерфейса
Постройте иерархические, параллельные и конечные автоматы истории
Определить условия и внедрите охрану переходного периода
Обрабатывайте бесконечные состояния при работе с входами
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Introduction to State Machines Using XState,
а также все другие курсы, прямо сейчас!
Use XState Viz to Visually Develop and Test Your Machine
Урок 6.00:02:49
Add Actions to Transitions to Fire Side Effects
Урок 7.00:02:46
Trigger Actions When Entering and Exiting a XState State
Урок 8.00:01:35
Replace Inline Functions with String Shorthands
Урок 9.00:01:26
Use Internal Transitions in XState to Avoid State Exit and Re-Entry
Урок 10.00:01:01
Send Events to the Machine with the XState Send Action Creator
Урок 11.00:03:42
Track Infinite States with with XState Context
Урок 12.00:02:31
How Action Order Affects Assigns to Context in a XState Machine
Урок 13.00:02:59
Use Activities in XState to Run Ongoing Side Effects
Урок 14.00:02:05
Conditionally Transition to States with Guards in XState
Урок 15.00:02:34
Simplify State Explosion in XState through Hierarchical States
Урок 16.00:02:25
Multiple Simultaneous States with Parallel States
Урок 17.00:02:38
Recall Previous States with XState History States Nodes
Урок 18.00:01:59
Use XState Null Events and Transient Transitions to Immediately Transition States
Урок 19.00:03:22
Delay XState Events and Transitions
Урок 20.00:02:46
Invoking a Promise for Asynchronous State Transitions in XState
Урок 21.00:03:21
Invoke Callbacks to Send and Receive Events from a Parent XState Machine
Урок 22.00:03:02
Invoke Child XState Machines from a Parent Machine
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Наши приложения имеют много состояний, в которых они могут быть. Мы обычно помним «Загрузка» и «Успешно». Если у нас будет особенно хороший день, мы также обработаем «Ошибка». Но как насчет других состояний, в которых может находиться наше приложение? Такие вещи, как «еще не запрашивали» или «запрос был успешным, но мы не можем предоставить никаких данных».
Конечные автоматы и диаграммы состояний помогают разработчикам создавать более предсказуемые интерфейсы, предоставляя последовательную, легко моделируемую логику. В этом курсе вы узнаете, как использовать конечные автоматы в ваших приложениях JavaScript.
По мере роста числа возможных состояний в вашем приложении разработка пользовательского интерфейса может становиться все более сложной. С помощью конечных автоматов и диаграмм состояний вы сможете управлять состояниями своего приложения простым и надежным способом и даже визуализировать их! На этом курсе мы узнаем, как конечные автоматы и диаграммы состояний могут поднять ваши пользовательские интерфейсы на новый уровень с помощью инновационных м
State Modeling c React и XState с Дэвидом Хуршидом
State Modeling with React and XState with David Khourshid
State Modeling делает сложную логику приложения визуально понятной, гибкой и надежной. Давайте посмотрим, как XState и React могут использоваться вместе для моделирования состояния при создании реальных приложений.
Pixel Thief: Узнайте, как создать игру с помощью XState и React
Learn how to build a game using XState & React. A front-end developer course
Этот курс предназначен для front-end разработчиков любого уровня, от ученика до мастера, которые интересуются XState и конечными автоматами. В ходе вашего квеста вы познакомитесь с основами, а затем перейдете к более сложным темам, таким как модель акторов.