review-react-patterns

React Query replaces illegal useEffect data fetching by providing hook-based data management. Audit your components to detect useEffect data-fetching patterns and refactor them to use React Query for improved state management and reduced unnecessary re-renders.

Fixing stale closures and derived state issues requires scanning your client components for anti-patterns and applying recommended refactor patterns that properly manage state dependencies and effect cleanup to prevent brittle component behavior.

Yes, the React code review process supports projects using TanStack Router. It scans client-rendered architecture components and provides concrete refactor recommendations specifically aligned with TanStack Router patterns and React Query implementations.

Common React anti-patterns causing rendering performance issues include dynamic list keys, inline object and array literals, missing memoization, illegal useEffect data fetching, and stale closures that trigger unnecessary component re-renders across the application.

Refactoring inline object and array literals involves scanning your React components for these anti-patterns and applying memoization techniques or extracting constants to stabilize references, which prevents unnecessary child component re-renders during parent updates.