davidkpiano

function Example() {
  const [{ isLoading, error, data }] = useMachine(
    createQuery('repoData', () => fetch('...').then((res) => res.json()))
  );
}

davidkpiano

const machine = Machine({
  id: 'ATM',
  initial: 'idle',
  states: {
    idle: {
      on: {
        INSERT_CARD: 'authenticating',
      }
    },
    authenticating: {

davidkpiano

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

davidkpiano

Machine({
  id: 'donut',
  initial: 'ingredients',
  states: {
    ingredients: {
      on: {
        NEXT: 'directions',
      },
    },
    directions: {

davidkpiano

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

davidkpiano

const auth = Machine({
  id: 'auth',
  initial: 'authenticating',
  states: {
    authenticating: {
      after: {
        1000: 'authenticated'
      }
    },

davidkpiano

const pongMachine = Machine({
  initial: 'waiting',
  states: {
    waiting: {
      on: {
        PING: {
          actions: sendParent('PONG', { delay: 1000 })
        }
      }
    }

davidkpiano

const A1 = () => console.log('Action A1');

const machine = Machine({
  initial: 's1',
  states: {
    h: { type: 'history' },
    s1: {on: {E11: 's2'}},
    s2: {on: {E11: 's3'}},
    s3: {on: {E11: 's4'}},
    s4: {/* ... */}

davidkpiano

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

davidkpiano

Machine({
  id: 'planet',
  initial: 'unknown',
  states: {
    unknown: {
      on: {
        PROBE: 'probing',
      },
    },
    probing: {