XState

Examples

• Actions

  • Conditional (guard)
  • Log Action
  • When changing state
  • When entering state
  • When exiting state

• Actors

  • Spawn - a callback
  • Spawn - a machine
  • Unspawn Actor

• Context

  • Context

• Events

  • Auto-Forward Events
  • Forward Event
  • Respond to Event
  • Send between actors
  • Send delayed
  • Send to actor
  • Send to all actors
  • Send to interpreted machine
  • Send to invoked machine
  • Send to invoked machine (guard)
  • Send to itself
  • Send to parent

• Extending Machines

  • withConfig
  • withContext

• Meta

  • Meta

• Persisting State

  • Persist / Rehydrate State

• Services

  • Invoke - a callback
  • Invoke - a machine
  • Invoke - a promise

• State Node

  • Final
  • Hierarchical
  • History
  • Parallel
  • Single
  • Transient State

• Transition

  • Conditional (guard)
  • Delayed
  • Transition

XState + React Examples

• Actions

  • Conditional (guard)
  • Log Action
  • When changing state
  • When entering state
  • When exiting state

• Actors

  • Actor's state from parent
  • Spawn - a callback
  • Spawn - a machine
  • Unspawn Actor

• Context

  • Context

• Events

  • Auto-Forward Events
  • Forward Event
  • Respond to Event
  • Send between actors
  • Send delayed
  • Send to actor
  • Send to all actors
  • Send to interpreted machine
  • Send to invoked machine
  • Send to invoked machine (guard)
  • Send to itself
  • Send to parent

• Extending Machines

  • withConfig
  • withContext

• Meta

  • Meta

• Persisting State

  • Persist / Rehydrate State

• Services

  • Invoke - a callback
  • Invoke - a machine
  • Invoke - a promise

• State Node

  • Final
  • Hierarchical
  • History
  • Parallel
  • Single
  • Transient State

• Transition

  • Conditional (guard)
  • Delayed
  • Transition

Resources

• David Khourshid (creator of XState. Founder of Stately)
• Stately Registry
• XState Docs
• XState VSCode
• XState Visualizer

Feedback

Have any feedback about this note or just want to comment about cool stuff like dinosaurs? Let me know...

Subscribe