Конечные автоматы и диаграммы состояний помогают разработчикам создавать более предсказуемые интерфейсы, предоставляя последовательную, легко моделируемую логику. В этом курсе вы узнаете, как использовать конечные автоматы в ваших приложениях JavaScript.
Что вы будете строить
Вы возьмете приложение под названием Photobook. Приложение имеет множество функций, которые вы ожидаете найти в приложениях сегодня: аутентификация, выборка данных, действия CRUD, автоматизированные тесты и многое другое.
Используя xstate и react-automata, вы охватите все важные функции диаграмм состояний: параллельные состояния, иерархические состояния, исторические состояния и элементы защиты.
Что вы узнаете
В этом курсе вы узнаете, как использовать конечные автоматы и диаграммы состояний для лучшего проектирования состояния ваших приложений. Хотя мы интенсивно используем React и react-automata, принципы и идеи этого курса распространяются на разные языки и структуры.
В конце этого курса вы сможете ответить на все следующие вопросы:
Что такое конечные автоматы и statecharts?
Как я могу использовать диаграммы состояний для создания сложных современных веб-приложений?
Что мне дают диаграммы состояний, чего нет у других инструментов управления состоянием?
Как я могу подойти к рефакторингу моих приложений, чтобы использовать диаграммы состояний?
Как я могу проверить диаграммы состояний?
Для кого это курс?
Целью этого курса является повышения от среднего до продвинутого уровня разработчиков JavaScript, особенно тех, кто интересуется React, и дать вам знания и инструменты, чтобы начать использовать конечные автоматы и диаграммы состояний для создания более предсказуемых приложений.
Я считаю, что этот курс будет особенно полезен для разработчиков, которые:
Разочарованы трудностью поддержания сложного состояния в ваших приложениях
Frontend-разработчики JavaScript, желающие повысить свой уровень
Backend-разработчики заинтересованы в управлении состоянием front-end
Разработчики JavaScript, желающие продвинуться по карьерной лестнице
Посмотреть больше
Урок 1.00:05:43
Getting setup
Урок 2.00:02:20
Setting up Firebase
Урок 3.00:03:26
xstate & react-automata
Урок 4.00:05:39
State machines & statecharts
Урок 5.00:06:06
Hierarchical machines
Урок 6.00:03:17
Parallel machines
Урок 7.00:06:41
Transitions
Урок 8.00:03:50
Actions & guards
Урок 9.00:03:25
History states
Урок 10.00:03:52
Collaborating with designers
Урок 11.00:07:00
Breaking down designs
Урок 12.00:07:27
Global authentication states
Урок 13.00:10:07
User registration
Урок 14.00:06:48
User login
Урок 15.00:07:20
Fetching data
Урок 16.00:05:04
Pagination
Урок 17.00:04:23
Writing data
Урок 18.00:03:22
Animation with statecharts
Урок 19.00:04:43
Testing statecharts
Автор - learnstatemachines.com
learnstatemachines.com
Джон Белла - разработчик, писатель и докладчик из прекрасного города Денвер, штат Колорадо. Он занимается созданием вещей в сети более двух десятилетий и работал с некоторыми из крупнейших брендов в мире. Джон в настоящее время является инженером front-end в TED.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Введение в конечные автоматы с использованием XState
Introduction to State Machines Using XState
Сложность управления состоянием является одной из основных причин, по которым наши приложения становятся такими сложными. Мы пытаемся справиться с этой сложностью с помощью множества логических переменных, в некоторой степени семантических переменных, таких как isLoading, wasFetched и hasError, и чрезмерно спроектированных систем, которые все еще полны ошибок. Конечно, есть лучший способ. Этот лучший способ - конечные автоматы.