Skip to content

Instantly share code, notes, and snippets.

@chaance

chaance/presence-chart.js

Created December 14, 2020 21:26
Show Gist options
  • Save chaance/8c6bf5610a0207017638d39133b1c8ab to your computer and use it in GitHub Desktop.
Save chaance/8c6bf5610a0207017638d39133b1c8ab to your computer and use it in GitHub Desktop.
Download ZIP
Raw
presence-chart.js
const { state, send } = useStateMachine({
id: 'presence',
initial: present ? 'mounted' : 'unmounted',
states: {
mounted: {
on: {
UNMOUNT: 'unmounted',
ANIMATION_OUT: 'unmountSuspended',
TRANSITION_OUT: 'unmountSuspended',
},
},
unmountSuspended: {
on: { ANIMATION_END: 'unmounted', TRANSITION_END: 'unmounted' },
},
unmounted: {
on: { MOUNT: 'mounted' },
},
},
});
@davidkpiano
Copy link

More like presents chart 🎁 💯

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment