Generated by XState Viz: https://xstate.js.org/viz

machine.js

  /*
    Retrying logic for https://egghead.io/lessons/xstate-use-xstate-null-events-and-transient-transitions-to-immediately-transition-states
  */
  const fetchMachine = Machine({
    id: 'fetch',
    initial: 'idle',
    context: {
      tries: 0
    },
    states: {
      idle: {
        on: { TRY: 'trying' }
      },
      trying: {
        entry: ['incTries'],
        on: {
          '': [
            { target: 'success', cond: 'triedEnough' },
            { target: 'idle' }
          ]
        }
      },
      success: {}
    }
  },
  {
    actions: {
      incTries: assign({
        tries: ctx => ctx.tries + 1
      })
    },
    guards: {
      triedEnough: ctx => ctx.tries > 2
    }
  })