avanslaars

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

avanslaars

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

avanslaars

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

avanslaars

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

avanslaars

const toggleMachine = Machine({
  id: 'toggle',
  initial: 'active',
  states: {
    active: {
      on: {
        TOGGLE: 'inactive'
      }
    },
    inactive: {

avanslaars

const viewMachine = Machine({
  id: 'view',
  initial: 'read',
  states: {
    read: {
      initial: 'tab1',
      on: {
        EDIT: 'edit'
      },
      states: {

avanslaars

// Fetch with retry and cancel
  const fetchMachine = Machine({
    id: 'fetch',
    initial: 'idle',
    context: {
      results: [],
      retries: 0,
    },
    states: {
      idle: {

avanslaars

  const SignalMachine = Machine({
  id: 'signal',
  initial: 'red',
  states: {
    red: {
      after: {
        1000: 'green',
      },
    },

avanslaars

const SignalMachine = Machine({
  id: 'signal',
  initial: 'red',
  states: {
    red: {
      on: {
        TIMER: 'green',
      },
      after: {
        1000: 'green',

avanslaars

const fetchMachine = Machine(
  {
    id: 'fetch',
    initial: 'idle',
    context: {
      results: [],
      retryCount: 0,
    },
    states: {
      idle: {