DEV Community

Cover image for Get Started with XState and Vue 3
Jacob Goodwin
Jacob Goodwin

Posted on

4

Get Started with XState and Vue 3

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!

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more