State machine union

typescript

type AsyncState<T> =
  | { status: "idle" }
  | { status: "loading" }
  | { status: "success"; data: T }
  | { status: "error"; error: string };

Explanation

Discriminated unions make UI rendering branches easier to reason about.

Learn the surrounding workflow

Compare similar commands or jump into common fixes when this command is part of a bigger troubleshooting path.

Same sheet · prioritizing API and Domain Modeling Recipes

Model paginated collections with generics.

Open In sheettypescriptsame section

Type validation errors by field name.

Open In sheettypescriptsame section

Model event payloads by event name.

Open In sheettypescriptsame section

Remove `null` and `undefined` from a type.

Open In sheettypescript1 tag match

Keep only members assignable to another type.

Open In sheettypescript1 tag match

Remove members assignable to another type.

Open In sheettypescript1 tag match