Skip to main content

Practice ยท 1 of 3

Request Flow State Machine

Write uiStateFor(event) โ€” a fetch's UI state machine. States: "idle", "loading", "success", "empty", "error". Transitions: ("fetch" => "loading"), ("resolve-with-data" => "success"), ("resolve-empty" => "empty"), ("reject" => "error"), ("reset" => "idle"). Invalid transitions (e.g. "success" from "idle") return "idle-state-invalid".

Difficulty: intermediate

Back to lesson: Practice: Full-Stack Integration โ€” Practice