CodingDive

const userHardinessZoneMachine = Machine({
  id: 'userHardinessZone',
  initial: 'idle',
  states: {
    idle: {
      on: {
        FETCH: 'loading'
      }
    },

CodingDive

const catFetchMachine = Machine({
  id: 'catFetch',
  initial: 'idle',
  context: {
    errorMessage: undefined,
    cats: [],
  },
  states: {
    idle: {
      on: {

CodingDive

const thermostatMachine = Machine(
  {
    id: 'thermostat',
    initial: 'inactive',
    context: {
      temperature: 20,
    },
    states: {
      inactive: {
        on: {

CodingDive

const thermostatMachine = Machine(
  {
    id: 'thermostat',
    initial: 'inactive',
    context: {
      temperature: 20,
    },
    states: {
      inactive: {
        on: {

CodingDive

const thermostatMachine = Machine({
  id: 'thermostat',
  initial: 'inactive',
  context: {
    temperature: 20,
  },
  states: {
    inactive: {
      on: {
        POWER_TOGGLE: 'active'

CodingDive

const thermostatMachine = Machine({
  id: 'thermostat',
  initial: 'inactive',
  context: {
    temperature: 20,
  },
  states: {
    inactive: {
      on: {
        POWER_TOGGLE: 'active'

CodingDive

import { useMachine } from '@xstate/react'
const { sendNotification } = useContext(notificationContext)
const [state, send] = useMachine(
  fetchMachine.withConfig({
    actions: {
      sendErrorNotification: (ctx, e) => {
        sendNotification(NOTIFICATION_SEVERITY.ERROR, e.data.message);
      },
    },
  }),

CodingDive

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

CodingDive

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

CodingDive

  const videoChatMachine = Machine({
    id: 'videoChat',
    initial: 'audioDisabledVideoDisabled',
    states: {
      audioDisabledVideoDisabled: {
        on: {
          ENABLE_VIDEO: 'audioDisabledVideoEnabled',
          ENABLE_AUDIO: 'audioEnabledVideoDisabled'
        }
      },