When to use

user is building or reviewing a React web component or custom hook
user is deciding where state or async data logic should live
user is wiring query, mutation, pagination, or optimistic update flows
user is adding code to a shared UI package that must stay presentational
a component is importing from auth, API, routing, or database layers and may be crossing a boundary
user is fixing React code that stores derived state, fetches data in the wrong place, or mixes concerns
Use when enforcing React component and hook boundaries
Use when reviewing shared UI package purity and app/package separation
Use when enforcing approved server-state and typed API-client flow
Use when deciding the correct ownership of local, shared UI, and remote state

Outputs