Skip to content

Instantly share code, notes, and snippets.

@dreamerblue

dreamerblue/machine.js

Created March 15, 2021 09:45
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save dreamerblue/72e5a2be2120b756d89af9ba4567fe21 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save dreamerblue/72e5a2be2120b756d89af9ba4567fe21 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. dreamerblue created this gist Mar 15, 2021.
    46 changes: 46 additions & 0 deletions machine.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,46 @@

    // Available variables:
    // - Machine
    // - interpret
    // - assign
    // - send
    // - sendParent
    // - spawn
    // - raise
    // - actions
    // - XState (all XState exports)

    const fetchMachine = Machine({
    id: 'fetch',
    initial: 'idle',
    context: {
    retries: 0
    },
    states: {
    idle: {
    on: {
    FETCH: 'loading'
    }
    },
    loading: {
    on: {
    RESOLVE: 'success2',
    REJECT: 'failure'
    }
    },
    success2: {
    type: 'final'
    },
    failure: {
    on: {
    RETRY: {
    target: 'loading',
    actions: assign({
    retries: (context, event) => context.retries + 1
    })
    }
    }
    }
    }
    });