frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
State Modeling c React и XState с Дэвидом Хуршидом
State Modeling with React and XState with David Khourshid
Продолжительность
4 ч 0 мин
Категория
React.js
Количество уроков
35 Видео
Дата добавления
15 нояб. 2020 г., 21:49
Язык
Английский
Дата выхода
5 нояб. 2020 г., 02:00
Дата обновления
28 янв. 2021 г., 21:17
State Modeling делает сложную логику приложения визуально понятной, гибкой и надежной. Давайте посмотрим, как XState и React могут использоваться вместе для моделирования состояния при создании реальных приложений.
- Изучите фундаментальные концепции информатики: конечные автоматы, диаграммы состояний, actor model, архитектуры, управляемые событиями
- Узнайте, как визуально моделировать сложное состояние и логику приложения для наглядности и надежности
- Работа над реальным приложением React для применения принципов моделирования состояний в XState
- Визуализируйте логику и состояние приложения в реальном времени на каждом этапе пути
- Интегрируйте сторонние библиотеки с XState
- Откройте для себя тестирование на надежность на основе моделей
Посмотреть больше
Удален по просьбе правообладателя
-
Урок 1. 00:08:17Introduction
-
Урок 2. 00:10:53Component State in React
-
Урок 3. 00:03:58Diagramming a State Machine
-
Урок 4. 00:08:04Refactoring with useReducer
-
Урок 5. 00:04:34Using a Machine Object
-
Урок 6. 00:03:13State Machine Exercise
-
Урок 7. 00:10:22State Machine Solution
-
Урок 8. 00:07:50Refactoring to XState useMachine
-
Урок 9. 00:01:42Using XState Exercise
-
Урок 10. 00:07:31Using XState Solution
-
Урок 11. 00:03:14Extended State
-
Урок 12. 00:01:49Context Exercise
-
Урок 13. 00:06:06Context Solution
-
Урок 14. 00:06:59Parameterizing Actions
-
Урок 15. 00:01:43Parameterizing Actions Exercise
-
Урок 16. 00:09:00Parameterizing Actions Solution
-
Урок 17. 00:05:09Integrating 3rd Party Libraries
-
Урок 18. 00:10:24Guarded Transitions
-
Урок 19. 00:01:24Guarded Transitions Exercise
-
Урок 20. 00:06:58Guarded Transitions Solution
-
Урок 21. 00:05:34Eventless Transitions
-
Урок 22. 00:04:47Eventless Transitions Exercise
-
Урок 23. 00:01:59Eventless Transitions Solution
-
Урок 24. 00:07:09Shared States with useService
-
Урок 25. 00:05:37Hierarchical States
-
Урок 26. 00:02:06Hierarchical States Exercise
-
Урок 27. 00:11:08Hierarchical States Solution
-
Урок 28. 00:10:24Invoking Actors
-
Урок 29. 00:01:10Invoking Actors Exercise
-
Урок 30. 00:04:17Invoking Actors Solution
-
Урок 31. 00:21:53Spawning Actors
-
Урок 32. 00:02:37Spawning Actors Exercise
-
Урок 33. 00:10:54Spawning Actors Solution
-
Урок 34. 00:11:51Model-Based Testing
-
Урок 35. 00:20:02Wrapping Up
Автор - frontendmasters
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
JavaScript State Machines и XState
JavaScript State Machines and XState
По мере роста числа возможных состояний в вашем приложении разработка пользовательского интерфейса может становиться все более сложной. С помощью конечных автоматов и диаграмм состояний вы сможете управлять состояниями своего приложения простым и надежным способом и даже визуализировать их! На этом курсе мы узнаем, как конечные автоматы и диаграммы состояний могут поднять ваши пользовательские интерфейсы на новый уровень с помощью инновационных м
egghead
19 янв. 2020 г., 18:53
Введение в конечные автоматы с использованием XState
Introduction to State Machines Using XState
Сложность управления состоянием является одной из основных причин, по которым наши приложения становятся такими сложными. Мы пытаемся справиться с этой сложностью с помощью множества логических переменных, в некоторой степени семантических переменных, таких как isLoading, wasFetched и hasError, и чрезмерно спроектированных систем, которые все еще полны ошибок. Конечно, есть лучший способ. Этот лучший способ - конечные автоматы.
Создание надежных интерфейсов с помощью XState
Construct Sturdy UIs with XState
Наши приложения имеют много состояний, в которых они могут быть. Мы обычно помним «Загрузка» и «Успешно». Если у нас будет особенно хороший день, мы также обработаем «Ошибка». Но как насчет других состояний, в которых может находиться наше приложение? Такие вещи, как «еще не запрашивали» или «запрос был успешным, но мы не можем предоставить никаких данных».
leveluptutorials
16 нояб. 2020 г., 01:03
React для Всех
React For Everyone
Добро пожаловать в React For Everyone! В этой серии мы рассмотрим современные методы React!. Как новички, так и пользователи 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 и конечными автоматами. В ходе вашего квеста вы познакомитесь с основами, а затем перейдете к более сложным темам, таким как модель акторов.
https://github.com/davidkpiano/frontend-masters-react-workshop