xState and state machines in VueJS - visualize and finally understand your UI flows
This video explains why you should be using xState and state machines when developing UI components. We start with a contact form component where we control the flow using booleans, explain why that's a faulty approach, and then show the billion times improved way you could do it using xState and state machines.
xState: https://xstate.js.org/
Sandbox: https://codesandbox.io/s/charming-feistel-kf9io?file=/src/components/XstateContactForm.vue
Видео xState and state machines in VueJS - visualize and finally understand your UI flows канала Constantin Druc
xState: https://xstate.js.org/
Sandbox: https://codesandbox.io/s/charming-feistel-kf9io?file=/src/components/XstateContactForm.vue
Видео xState and state machines in VueJS - visualize and finally understand your UI flows канала Constantin Druc
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Typing XState in Vue 3](https://i.ytimg.com/vi/7tT45eRmyJE/default.jpg)
![Filter media records by type and month](https://i.ytimg.com/vi/7T1-1WLQw7Q/default.jpg)
![Vue.js Explained in 100 Seconds](https://i.ytimg.com/vi/nhBVL41-_Cw/default.jpg)
![David Khourshid - Everything is an Actor](https://i.ytimg.com/vi/NTfPtYJORck/default.jpg)
![XState - Global state in React](https://i.ytimg.com/vi/1kJcnFBrk2I/default.jpg)
![David Khourshid - Reactive State Machines and Statecharts - Uphill Conf 2019](https://i.ytimg.com/vi/GSHQFx7PG20/default.jpg)
![Python Tutorial: if __name__ == '__main__'](https://i.ytimg.com/vi/sugvnHA7ElY/default.jpg)
![Learn Vuex In 10 Minutes (Vue.js State Management)](https://i.ytimg.com/vi/LW9yIR4GoVU/default.jpg)
![Infinitely better JavaScript with Finite State Machines and State Charts (Paul McBride)](https://i.ytimg.com/vi/sXeFfCFntOw/default.jpg)
![Vuex Killer? A Quickstart Guide With Vue.js Store Pinia With TypeScript- Pinia Vue.js Store Tutorial](https://i.ytimg.com/vi/ht_1NR7OFWc/default.jpg)
![Write fewer tests! Model-based testing in React — David Khourshid](https://i.ytimg.com/vi/pA3DXExjKqI/default.jpg)
![Crafting Stateful Styles with State Machines by David Khourshid | CSSConf BP 2019](https://i.ytimg.com/vi/0cqeGeC98MA/default.jpg)
![Query A GraphQL API With Vue.js And Axios](https://i.ytimg.com/vi/IbgT5aCMYC8/default.jpg)
![COMPONENT COMMUNICATION (PROPS / EVENTS) | VueJS | Learning the Basics](https://i.ytimg.com/vi/PPmg7ntQjzc/default.jpg)
![Creating a datatable with Laravel and InertiaJS](https://i.ytimg.com/vi/8vBw_QmKf3c/default.jpg)
![Finite State Machines in JavaScript](https://i.ytimg.com/vi/0NkfCi-hKCc/default.jpg)
![Easy Introduction to Xstate in React | States, Transitions, Guards and Actions](https://i.ytimg.com/vi/PRwDOSjIFg8/default.jpg)
![Learn Vuex in 30 MINUTES! (Vue JS 3)](https://i.ytimg.com/vi/nFh7-HfODYY/default.jpg)
![VUECONF US 2019 | Phenomenal Design Patterns In Vue with Jacob Schatz](https://i.ytimg.com/vi/RF1bbhRw9sg/default.jpg)
![Taming UI complexity with Typed State Machines - Bogdan Zaharia | JSHeroes 2019](https://i.ytimg.com/vi/gcuZJ2LHTFI/default.jpg)