Introduction to State Machines Using XState
Сложность управления состоянием является одной из основных причин, по которым наши приложения становятся такими сложными. Мы пытаемся справиться с этой сложностью с помощью множества логических переменных, в некоторой степени семантических переменных, таких как isLoading, wasFetched и hasError, и чрезмерно спроектированных систем, которые все еще полны ошибок. Конечно, есть лучший способ. Этот лучший способ - конечные автоматы.
Автоматы состояний формализуют то, как мы определяем состояния наших приложений и осуществляем переход по ним, и дают нам полный контроль над наиболее сложными частями наших приложений.
В этом курсе мы рассмотрим проблемы, которые решают конечные автоматы, например, логический взрыв. Сначала мы попытаемся решить это по-своему, продвинемся дальше, а затем продемонстрируем, как конечные автоматы помогают нам в этом. После этого мы углубимся в библиотеку XState, первую библиотеку конечных автоматов JavaScript, чтобы узнать ее API и способы ее использования для решения наших проблем.
https://github.com/kyleshevlin/intro-to-state-machines-and-xstate-course
Наши приложения имеют много состояний, в которых они могут быть. Мы обычно помним «Загрузка» и «Успешно». Если у нас будет особенно хороший день, мы также обработаем «Ошибка». Но как насчет других состояний, в которых может находиться наше приложение? Такие вещи, как «еще не запрашивали» или «запрос был успешным, но мы не можем предоставить никаких данных».
learnstatemachines.com
Конечные автоматы и диаграммы состояний помогают разработчикам создавать более предсказуемые интерфейсы, предоставляя последовательную, легко моделируемую логику. В этом курсе вы узнаете, как использовать конечные автоматы в ваших приложениях JavaScript.
frontendmasters
По мере роста числа возможных состояний в вашем приложении разработка пользовательского интерфейса может становиться все более сложной. С помощью конечных автоматов и диаграмм состояний вы сможете управлять состояниями своего приложения простым и надежным способом и даже визуализировать их! На этом курсе мы узнаем, как конечные автоматы и диаграммы состояний могут поднять ваши пользовательские интерфейсы на новый уровень с помощью инновационных м
frontendmasters
State Modeling делает сложную логику приложения визуально понятной, гибкой и надежной. Давайте посмотрим, как XState и React могут использоваться вместе для моделирования состояния при создании реальных приложений.
Brad Woods
Этот курс предназначен для front-end разработчиков любого уровня, от ученика до мастера, которые интересуются XState и конечными автоматами. В ходе вашего квеста вы познакомитесь с основами, а затем перейдете к более сложным темам, таким как модель акторов.
