Skip to content

Instantly share code, notes, and snippets.

@valscion
Created September 26, 2019 07:59
Show Gist options
  • Save valscion/9c2f8577115e98f5c809824584672702 to your computer and use it in GitHub Desktop.
Save valscion/9c2f8577115e98f5c809824584672702 to your computer and use it in GitHub Desktop.
Generated by XState Viz: https://xstate.js.org/viz
const handleRequestSuccess = assign({
results: (_ctx, event) => event.results
});
const searchStateMachine = Machine({
id: 'search',
initial: 'idle',
context: {
results: []
},
states: {
idle: {
on: {
CHANGE_OPTION: 'fetching'
}
},
fetching: {
exit: ['clearPendingRequest'],
entry: ['startRequest'],
on: {
SEARCH_REQUEST_SUCCESS: {
target: 'idle',
actions: [handleRequestSuccess]
},
SEARCH_REQUEST_FAILURE: {
target: 'error',
actions: ['handleRequestFailure']
},
CHANGE_OPTION: 'fetching'
}
},
error: {
on: {
'': {
target: 'idle'
}
}
}
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment