DEV Community

Cover image for Get Started with XState and Vue 3

Get Started with XState and Vue 3

Jacob Goodwin
I'm a dev transitioning from EE focusing primarily on full-stack web development! I've worked with JS/TS, golang, Flutter, Scala, and some devops tools. I'd be very interested in career opportunities.
・1 min read

Hey folks, I just wanted to let you all know that I have recently created a pair of tutorials on using XState with Vue 3.

In the first video, I go over creating a simple state machine with the XState Visualizer, and then show how to integrate this into a Vue 3 setup function by using the composable function provided by XState.

In the second video, I discuss how we can use Typestates along with Typescript to better type our state machines and give us great compile-time support inside of Vue templates. In this latter tutorial, I also go over scaffolding out a Vite application for Typescript. In this video, we work on asynchronous data fetching.

I hope you check out the videos and give'em a thumbs up!

Discussion (0)