Mitä ovat tilakoneistot ja milloin ne ovat hyödyllisiä?

Question

Accepted Answer

**Tilakoneen** mallintaa järjestelmä rajallisen joukon **tiloja** sekä niiden väliset sallitut **siirtymät**. Sen sijaan että juggleroisit itsenäisiä boolean-lippuja, määrität tarkasti, mitkä tilat olemassa ovat ja mitkä siirtymät ovat laillisia — jolloin mahdottomat tilat ovat esittämättömiä.

## Ongelma: 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
```

Itsenäisten lippujen kanssa mikään ei estä ristiriitaisia yhdistelmiä ja sinun on manuaalisesti pidettävä ne yhtenäisinä jokaisessa siirtymässä — virheenlähde.

## Tilakoneen malli

```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
}
```

Yksittäinen `state`-muuttuja sisältää nykyisen tilan; `event` käynnistää *määritetyn* siirtymän. Laittomat siirtymät (esim. SUCCESS välinpitämättömyydessä) eivät yksinkertaisesti voi tapahtua — mahdottomat tilat ovat suunnittelulla poissa.

## Todellisen maailman työkalut: 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" } },
  },
});
```

## Milloin tilakoneistot auttavat

```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
```

## Miksi sillä on merkitystä

Tilakoneistot tuovat tarkkuutta monimutkaiseen tilapohjaisen logiikan tekemällä **virheellisten tilojen mahdottomiksi** ja siirtymät **eksplisiiteiksi** — korvaten boolean-yhdistelmien haurauden selkeällä, tyhjentävällä mallilla.

Ne ovat erityisen arvokkaita monimutkaisille virroille (ohjaimet, maksut, todennus, media) joissa boolean soup johtaa hienovaraisiin, vaikeasti toistettaviin virheisiin.

Jopa epävirallisesti (`status` enum) idea parantaa asynkronista tilaa; muodollisesti (XState) se tarjoaa visualisoitavaa, testattavaa, kestävää logiikkaa.

Tietää milloin käyttää niitä on merkki kypsän tilasuunnittelun.