A Pen by Chris Shank on CodePen.
ChrisShank
/ arrow keys & x.ts
Last active
May 2, 2021 02:52
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { inspect } from '@xstate/inspect'; | |
| import { | |
| assign, | |
| createMachine, | |
| interpret, | |
| sendParent, | |
| spawn, | |
| actions, | |
| send, | |
| SpawnedActorRef, |
ChrisShank
/ machine.js
Created
April 25, 2021 06:43
Generated by XState Viz: https://xstate.js.org/viz
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const clientMachine = Machine( | |
| { | |
| id: 'client', | |
| initial: 'idle', | |
| context: { | |
| error: null, | |
| response: null, | |
| }, | |
| states: { | |
| idle: { |
ChrisShank
/ machine.js
Created
April 21, 2021 23:45
Generated by XState Viz: https://xstate.js.org/viz
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const machine = Machine( | |
| { | |
| id: 'app', | |
| initial: 'loading', | |
| states: { | |
| loading: { | |
| type: 'parallel', | |
| states: { | |
| animation: { | |
| initial: 'animating', |
ChrisShank
/ freecodecamp-build-a-pomodoro-clock.markdown
Created
August 10, 2017 01:26
freeCodeCamp: Build a Pomodoro Clock
NewerOlder