egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
Введение в конечные автоматы с использованием XState
Introduction to State Machines Using XState
Продолжительность
0 ч 53 мин
Категория
JavaScript
Количество уроков
22 Видео
Дата добавления
19 янв. 2020 г., 18:53
Язык
Английский
Сложность управления состоянием является одной из основных причин, по которым наши приложения становятся такими сложными. Мы пытаемся справиться с этой сложностью с помощью множества логических переменных, в некоторой степени семантических переменных, таких как isLoading, wasFetched и hasError, и чрезмерно спроектированных систем, которые все еще полны ошибок. Конечно, есть лучший способ. Этот лучший способ - конечные автоматы.
Автоматы состояний формализуют то, как мы определяем состояния наших приложений и осуществляем переход по ним, и дают нам полный контроль над наиболее сложными частями наших приложений.
В этом курсе мы рассмотрим проблемы, которые решают конечные автоматы, например, логический взрыв. Сначала мы попытаемся решить это по-своему, продвинемся дальше, а затем продемонстрируем, как конечные автоматы помогают нам в этом. После этого мы углубимся в библиотеку XState, первую библиотеку конечных автоматов JavaScript, чтобы узнать ее API и способы ее использования для решения наших проблем.
- Создайте простую машину для части пользовательского интерфейса
- Постройте иерархические, параллельные и конечные автоматы истории
- Определить условия и внедрите охрану переходного периода
- Обрабатывайте бесконечные состояния при работе с входами
- Понимания активностей
https://github.com/kyleshevlin/intro-to-state-machines-and-xstate-course
Посмотреть больше
-
Урок 1. 00:01:11Course Intro and Overview
-
Урок 2. 00:01:53Eliminate Boolean Explosion by Enumerating States
-
Урок 3. 00:03:08Replace Enumerated States with a State Machine
-
Урок 4. 00:02:02Use an Interpreter to Instantiate a Machine
-
Урок 5. 00:02:06Use XState Viz to Visually Develop and Test Your Machine
-
Урок 6. 00:02:49Add Actions to Transitions to Fire Side Effects
-
Урок 7. 00:02:46Trigger Actions When Entering and Exiting a XState State
-
Урок 8. 00:01:35Replace Inline Functions with String Shorthands
-
Урок 9. 00:01:26Use Internal Transitions in XState to Avoid State Exit and Re-Entry
-
Урок 10. 00:01:01Send Events to the Machine with the XState Send Action Creator
-
Урок 11. 00:03:42Track Infinite States with with XState Context
-
Урок 12. 00:02:31How Action Order Affects Assigns to Context in a XState Machine
-
Урок 13. 00:02:59Use Activities in XState to Run Ongoing Side Effects
-
Урок 14. 00:02:05Conditionally Transition to States with Guards in XState
-
Урок 15. 00:02:34Simplify State Explosion in XState through Hierarchical States
-
Урок 16. 00:02:25Multiple Simultaneous States with Parallel States
-
Урок 17. 00:02:38Recall Previous States with XState History States Nodes
-
Урок 18. 00:01:59Use XState Null Events and Transient Transitions to Immediately Transition States
-
Урок 19. 00:03:22Delay XState Events and Transitions
-
Урок 20. 00:02:46Invoking a Promise for Asynchronous State Transitions in XState
-
Урок 21. 00:03:21Invoke Callbacks to Send and Receive Events from a Parent XState Machine
-
Урок 22. 00:03:02Invoke Child XState Machines from a Parent Machine
Автор - egghead
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
Создание надежных интерфейсов с помощью XState
Construct Sturdy UIs with XState
Наши приложения имеют много состояний, в которых они могут быть. Мы обычно помним «Загрузка» и «Успешно». Если у нас будет особенно хороший день, мы также обработаем «Ошибка». Но как насчет других состояний, в которых может находиться наше приложение? Такие вещи, как «еще не запрашивали» или «запрос был успешным, но мы не можем предоставить никаких данных».
learnstatemachines.com
16 авг. 2019 г., 20:45
Изучите Конечные автоматы (State Machines)
Learn State Machines
Конечные автоматы и диаграммы состояний помогают разработчикам создавать более предсказуемые интерфейсы, предоставляя последовательную, легко моделируемую логику. В этом курсе вы узнаете, как использовать конечные автоматы в ваших приложениях JavaScript.
JavaScript State Machines и XState
JavaScript State Machines and XState
По мере роста числа возможных состояний в вашем приложении разработка пользовательского интерфейса может становиться все более сложной. С помощью конечных автоматов и диаграмм состояний вы сможете управлять состояниями своего приложения простым и надежным способом и даже визуализировать их! На этом курсе мы узнаем, как конечные автоматы и диаграммы состояний могут поднять ваши пользовательские интерфейсы на новый уровень с помощью инновационных м
frontendmasters
15 нояб. 2020 г., 21:49
State Modeling c React и XState с Дэвидом Хуршидом
State Modeling with React and XState with David Khourshid
State Modeling делает сложную логику приложения визуально понятной, гибкой и надежной. Давайте посмотрим, как XState и React могут использоваться вместе для моделирования состояния при создании реальных приложений.
Brad Woods
12 мая 2021 г., 22:32
Pixel Thief: Узнайте, как создать игру с помощью XState и React
Learn how to build a game using XState & React. A front-end developer course
Этот курс предназначен для front-end разработчиков любого уровня, от ученика до мастера, которые интересуются XState и конечными автоматами. В ходе вашего квеста вы познакомитесь с основами, а затем перейдете к более сложным темам, таким как модель акторов.