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

machine.js

const redditMachine = Machine(
  {
    id: 'reddit',
    initial: 'idle',
    context: {
      question: 'em',
    },
    states: {
      idle: {
        on: {
          LOAD: {
            target: 'loading',
            actions: assign({
              question: (context, event) => context.question += '?'
            })
          }
        },
      },
      loading: {
        on: {
          ANSWER_RIGHT: 'success',
          ANSWER_WRONG: 'failure'
        }
      },
      failure: {
        on: {
          RETRY: {
            target: 'loading',
            actions: assign({
              question: (context, event) => context.question += '!'
            })
          }
        }
      },
      success: {
        type: 'final'
      },
    },
  }
);