The State of XState

David Khourshid

Introducing state machines and statecharts

Laura Kalbag

Make legacy code delightful with statecharts

Matt Pocock

The Actor Model:

a new mental model

for React

Farzad Yousefzadeh

Section title

A five to ten word phrase, much like a bullet point.

import { assign, createMachine } from 'xstate';

export interface MultiStepFormMachineContext {
  beneficiaryInfo?: BeneficiaryInfo;
  dateInfo?: DateInfo;
  errorMessage?: string;
}

interface BeneficiaryInfo {
  name: string;
  amount: number;
  currency: string;
}

interface DateInfo {
…
one bit of code

Blockquote:

Technology is Neither Good, Nor Bad; Nor is it Neutral.

Melvin Kranzberg, Technology and History: “Kranzberg’s Laws”, 1986

Title with single image

Title with two images

Title with many images

Title with many images and list

  • List item one
  • List item two
  • List item three
  • List item four
  • List item five
  • Long long list item six
  • Not too many!

Title with many more images and list

  • List item one
  • List item two
  • List item three
  • List item four
  • List item five
  • Long long list item six
  • Not too many!

Thank you.

Questions?

state

event