code-check-loading-states

Audit loading states by scanning diffed TSX files for submit buttons not disabled during pending states, inconsistent loading primitives, missing route pendingComponent fallbacks, optimistic updates without rollback, and missing aria-busy attributes.

Optimistic updates get stuck when the cache write lacks an onError rollback. Auditing the code for optimistic cache writes without an error handler prevents showing changes that never persisted to the server.

Route loader pendingComponent provides a UI fallback while asynchronous route data loads. Route loaders lacking this component may freeze the prior view, causing missing route fallbacks and degrading perceived responsiveness.

Prevent inconsistent loading UI by enforcing loading convention consistency across the app. Flag cases where a spinner is introduced in places where the app uses skeletons, or vice versa, to reduce visual jank.

This async UX audit is designed for React and TypeScript UI updates. It requires scanning diffed TSX files to validate submit lockout, loading primitive consistency, route fallbacks, and accessible busy regions.

Add aria-busy to visibly substantial pending regions during asynchronous rendering. Accessible busy-region verification reports missing attributes and suggests safe mechanical fixes when boundaries are unambiguous.