react-patterns

To enforce React patterns for data fetching in pull requests, analyze .ts and .tsx files to detect useEffect-based fetching and mandate TanStack Query. This ensures server data fetching logic remains separate from component effects.

Proper state placement for server data involves guiding developers to place server data in the correct store, separating it from shared client state and local UI state. This prevents state management anti-patterns during code review.

Yes, this pattern checker flags React hooks rules violations in .tsx and .ts files. It detects disabled hooks rules and reports these deviations alongside other common hook anti-patterns found in PR code.

To identify when to extract complex logic into reusable React hooks, review component code for heavy useEffect usage and convoluted state management. The checker flags these areas and suggests modularization through logic extraction.

You should avoid using useMemo and useCallback excessively by applying memoization judiciously. The checker reviews your PR code to ensure memoization is only used when necessary, preventing unnecessary complexity in shared client state.