Skip to content

Instantly share code, notes, and snippets.

@twksos
Created Feb 4, 2021
Embed
What would you like to do?
Generated by XState Viz: https://xstate.js.org/viz
const NEXT = 'NEXT';
Machine({
id: 'Dog API',
initial: 'idle',
context: {
dog: null
},
states: {
idle: {
on: {
FETCH: 'loading'
}
},
loading: {
invoke: {
id: 'fetchDog',
src: (context, event) => fetch('https://dog.ceo/api/breeds/image/random')
.then(data => data.json()),
onDone: {
target: 'resolved',
actions: assign({
dog: (_, event) => event.data
})
},
onError: 'rejected'
},
on: {
CANCEL: 'idle'
}
},
resolved: {
type: 'final'
},
rejected: {
on: {
FETCH: 'loading'
}
}
}
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment