React 19 Actions Explained: The Core Concept Behind useActionState and Friends

A developer writing a tutorial series on React 19 hooks realized they had explained useActionState, useOptimistic, and useFormStatus across three posts without ever defining what an 'Action' actually is. According to React's own documentation, an Action is simply a function called inside startTransition, and four doorways can trigger this behavior: a direct startTransition call, useTransition, a form's action prop accepting a function, or useActionState. Each doorway differs in what it returns — useTransition provides only an isPending flag, while useActionState also captures the function's return value as state. useOptimistic is not a doorway into Action behavior at all; it is a setter meant to be called from within an already-running Action. Understanding this shared mechanism reframes the three previously covered hooks as different entry points into the same underlying React transition system.