Visually Create State Machines

Visualizing app logic is a game changer. In this episode, David Khourshid will teach us how Stately lets us visually create state machines and statecharts, then use them directly in React js apps. 00:00:00 Welcome 00:01:02 Guest introduction 00:01:51 What does modeling application logic entail? 00:11:27 How did you get involved in the tech space? 00:23:00 Does X state replace state management? 00:26:51 Where should we start with Stately? 00:29:56 Stately visual editor 00:32:57 Building the beginning of Wordle 00:43:14 How could you implement this at the backend level? 00:48:44 Am I able to import JSON? 00:49:21 What if you want to connect it to a second machine? 00:51:34 Where can people go to find community around this? 01:02:58 Is it possible to extract state machine from the toggle machine code? 01:09:10 Any plans for a visual diff tool for state machines? 01:15:41 Where should someone go to find out more? * demo: https://codesandbox.io/s/wordle-xstate-test-h99jru Links: - https://stately.ai/ - https://github.com/statelyai/xstate#templates - https://www.youtube.com/statelyai - https://discord.gg/xstate - https://stately.ai/blog - https://twitter.com/statelyai Watch future episodes live at https://twitch.tv/jlengstorf This episode was sponsored by: - Netlify (https://lwj.dev/netlify) - Nx (https://lwj.dev/nx) - Backlight (https://lwj.dev/backlight) Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/) Credits: Local Elevator by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Source: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1300012 Artist: http://incompetech.com/ Busybody by Audionautix is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Artist: http://audionautix.com/ Additional sound effects obtained from https://www.zapsplat.com