1 of 39

Vue and XState�Reactivity + FSM = ❤️

2 of 39

whoami

Rob Ocel

Software Architect �This Dot Labs

Vue Raleigh

@robocell

3 of 39

Everything Old�Is New Again

4 of 39

State Machines Are Old

5 of 39

State Machines Are New Again

@davidkpiano

6 of 39

People Are Excited

7 of 39

8 of 39

Our Apps Are �Buried In Booleans

9 of 39

10 of 39

Our Business Logic Is Not Extractable

11 of 39

Understanding XState Concepts

12 of 39

13 of 39

Build FSMs Using XState Machines

14 of 39

15 of 39

Define The States Of Your Applications

16 of 39

17 of 39

Change States With Transitions

18 of 39

19 of 39

React To Transitions With Actions

20 of 39

21 of 39

Store Extended State Using Context

22 of 39

23 of 39

State Machines Can Be High-Level

24 of 39

25 of 39

State Machines Can Be Low-Level

26 of 39

27 of 39

XState Works �Naturally With Vue

28 of 39

29 of 39

30 of 39

31 of 39

32 of 39

33 of 39

34 of 39

35 of 39

XState Supports The Composition API

36 of 39

37 of 39

XState Is A Big Deal

38 of 39

UPCOMING EVENTS

Join us every

3rd Thursday

of the month�(this Thursday at �19:30 UTC!)

at for

Vue Meetup Online!

Get your live link:

vuemeetup.com

39 of 39

Thank You!

�Questions?�discord.gg/UXWCxXM

@robocell