React useReducer vs useState for complex form state with validation

For complex multi-step forms, useReducer is almost always the right call. Here's the pattern I use: define your state shape with discriminated unions for each step, then your reducer handles both field-level updates and step transitions. The key insight is to co-locate your validation logic in the reducer rather than scattering it across event handlers. Here's a minimal example with cross-field validation...