egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
Продолжительность
0 ч 34 мин
Категория
React.js
Количество уроков
8 Видео
Дата добавления
19 дек. 2019 г., 23:37
Язык
Английский
Наши приложения имеют много состояний, в которых они могут быть. Мы обычно помним «Загрузка» и «Успешно». Если у нас будет особенно хороший день, мы также обработаем «Ошибка». Но как насчет других состояний, в которых может находиться наше приложение? Такие вещи, как «еще не запрашивали» или «запрос был успешным, но мы не можем предоставить никаких данных».
Сытый по горло тем, что забыл справиться с крайними случаями, возникающими при разработке пользовательского интерфейса, Исаак Манн начал искать решение.
Ответ? State machines
В этом курсе Айзек научит вас, как планировать и визуализировать состояния вашего приложения и переходы между ними с помощью приложения для викторины Star Wars на основе React и XState.
- Обработка состояния HTTP-запроса
- Блокировка переходов состояний с помощью guards
- Параллельные переходы состояний
- Связь между state machines в различных компонентах с помощью Actor Model
- Сохранение предыдущей state history
https://github.com/isaacplmann/sturdy-uis/
Посмотреть больше
-
Урок 1. 00:01:48Introducing Construct Sturdy UIs with XState
-
Урок 2. 00:10:57Handle http request state with XState
-
Урок 3. 00:02:58Invoke an XState Service when Entering a State
-
Урок 4. 00:04:33Block a State Transition with a Guard
-
Урок 5. 00:04:40Control Transitions Order with Parallel States
-
Урок 6. 00:03:20Communicate between State Machines in Different Components
-
Урок 7. 00:03:16Save Previous States with a History State
-
Урок 8. 00:03:25Execute Code when Entering and Exiting States using Activities
Автор - egghead
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
egghead
19 янв. 2020 г., 18:53
Введение в конечные автоматы с использованием XState
Introduction to State Machines Using XState
Сложность управления состоянием является одной из основных причин, по которым наши приложения становятся такими сложными. Мы пытаемся справиться с этой сложностью с помощью множества логических переменных, в некоторой степени семантических переменных, таких как isLoading, wasFetched и hasError, и чрезмерно спроектированных систем, которые все еще полны ошибок. Конечно, есть лучший способ. Этот лучший способ - конечные автоматы.
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 и конечными автоматами. В ходе вашего квеста вы познакомитесь с основами, а затем перейдете к более сложным темам, таким как модель акторов.