We try out a Finite State Machine approach to state management by porting our Todo example to xState. xState: https://xstate.js.org/ xState Visualizer: https://xstate.js.org/viz/ 00:00 Introduction 00:30 The existing application 00:54 XState 01:48 Installation 02:39 Creating the machine 04:45 Creating the events 08:18 Using the machine 12:09 Adding "working" UI 13:43 The visualizer 14:50 Building "working" functionality 17:57 Entry/exit transitions 20:00 Guards 21:57 Outroduction Code: https://github.com/jherr/no-bs-ts/tree/master/series-1/episode-29 If you liked this video, buy me a coffee! https://www.buymeacoffee.com/bluecollarcoder 👉 What's my theme? Night Wolf [dark blue] 👉 What's that font? MonoLisa 👉 Jack is also on the React Round Up podcast: https://devchat.tv/podcasts/react-round-up/ 👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ 👉 Discord server signup: https://discord.gg/ddMZFtTDa5 💢 Watch our other videos: 💟 Hacking your Github contribution graph: https://www.youtube.com/watch?v=_ZQSPYDlk3U 💟 More Typescript videos:    • JavaScript to TypeScript: Beginner to...   Thank you for watching this video, click the "SUBSCRIBE" button to stay connected with this channel. #typescript #NoBSTS #react #xState