Hvad er tilstandsmaskiner, og hvornår er de nyttige?

Question

Accepted Answer

En **tilstandsmaski­ne** modellerer et system som et endeligt sæt af **tilstande** plus de tilladte **overgange** mellem dem. I stedet for at jonglere med uafhængige booleske flag definerer du præcis, hvilke tilstande der findes, og hvilke overgange der er lovlige — hvilket gør umulige tilstande urepræsentable.

## Problemet: boolean soup

```js
// ❌ multiple booleans → 2^n combinations, many of them invalid
const [isLoading, setLoading] = useState(false);
const [isError, setError] = useState(false);
const [isSuccess, setSuccess] = useState(false);
// { isLoading: true, isError: true, isSuccess: true } — nonsense, but POSSIBLE
```

Med uafhængige flag er der intet, der stopper modstridende kombinationer, og du skal manuelt holde dem konsistente ved hver overgang — en fejlkilde.

## Tilstandsmaskine-modellen

```text
States:      idle → loading → success
                       ↓
                     error → (retry) → loading

Only defined transitions are allowed; you can't be in two states at once.
```

```js
const machine = {
  idle:    { FETCH: "loading" },
  loading: { SUCCESS: "success", ERROR: "error" },
  success: { FETCH: "loading" },
  error:   { RETRY: "loading" },
};
function transition(current, event) {
  return machine[current][event] ?? current; // only legal transitions happen
}
```

En enkelt `state`-variabel holder den aktuelle tilstand; en `event` udløser en *defineret* overgang. Ulovlige overgange (f.eks. SUCCESS under lediggang) kan simpelthen ikke forekomme — de umulige tilstande er væk ved design.

## Virkelige værktøjer: XState

```js
// libraries like XState formalize this with guards, actions, nested/parallel states
const toggleMachine = createMachine({
  initial: "inactive",
  states: {
    inactive: { on: { TOGGLE: "active" } },
    active:   { on: { TOGGLE: "inactive" } },
  },
});
```

## Hvornår tilstandsmaskiner hjælper

```text
✓ Complex flows with many states: checkout, multi-step forms/wizards, media players
✓ Authentication flows (logged out → logging in → logged in → refreshing)
✓ Anything where invalid state combinations cause bugs
✗ Overkill for simple toggles or trivial state
```

## Hvorfor det betyder noget

Tilstandsmaskiner bringer stringens til kompleks tilstandslogik ved at gøre **ugyldige tilstande umulige** og overgange **eksplicitte** — erstatning af skrøbelige kombinationer af booleske værdier med en klar, udtømmende model.

De er særligt værdifulde for indviklede flows (guider, betalinger, godkendelse, medie) hvor boolean soup fører til subtile, svært reproducer­bare fejl.

Selvom uformelt (`status` enum) forbedrer ideen asynkron tilstand; formelt (XState) giver det visualiserbar, testbar, robust logik.

At vide, hvornår man skal ty til dem, er et tegn på modent tilstandsdesign.