Union types make states visible
The React source models draft, review, changes and approved as a finite workflow. Invalid transitions are rejected at the reducer boundary.
REACT · TYPESCRIPT · STATE CONTRACTS
React Workflow Board
A small stateful interface for work that must be explainable.
This page loads the bundled React implementation from src/App.tsx. It uses synthetic tasks and simulates server responses locally; no data leaves the browser.
Review queue
Loading the local React example…
REACT READING MAP
What this demonstrates
Async actions need an owner
A request id and version check prevent a late response from overwriting a newer task state. The preview exposes the conflict path instead of hiding it.
A demo carries its limits
There is no backend, authentication or production SLA here. The value is the readable contract, keyboard path and testable error state.