xstate-states-and-context

name	xstate-states-and-context
description	Covers XState v5 state types and context management. Use when implementing compound (parent/child) states, parallel states, history states, final states, or managing context with assign(). Includes hierarchy design, context initialization patterns, and state reading.

XState v5 States and Context

Machine Creation

import { setup, createActor } from 'xstate';

// Recommended: setup() for typed, reusable machines
const machine = setup({
  types: {
    context: {} as { count: number },
    events: {} as { type: 'increment' } | { type: 'reset' },
  },
  actions: { /* named implementations */ },
  guards: { /* named implementations */ },
  actors: { /* named implementations */ },
}).createMachine({
  id: 'counter',
  initial: 'active',
  context: { count: 0 },
  : { : {} },
});


 actor = (machine);
actor.( .(snapshot.));
actor.();
actor.({ :  });