react-code-review-patterns

Use checklists covering TypeScript type safety, React component patterns, hooks rules, and accessibility compliance. This Skill provides structured patterns for enforcing explicit types, validating hook dependencies, ensuring semantic HTML, and ARIA labels during reviews to maintain code quality across your team.

Enforce explicit prop types over any, use proper generics for type safety, validate null handling with type guards, and define API types as enums. The Skill includes checklists for these patterns to ensure components remain maintainable and type-safe across your codebase.

Validate hook rules compliance, check dependency arrays for completeness, ensure cleanup functions are defined, and confirm custom hooks follow naming conventions. This Skill provides a hooks checklist to catch issues like missing dependencies or incorrect hook ordering during code review.

Yes. The Skill includes patterns for memoization strategies, virtualization for large lists, semantic HTML structure, and ARIA label usage. Apply these checklists during reviews to identify performance bottlenecks and accessibility gaps before they reach production.

Distinguish between server and client state, validate data-fetching patterns, and check caching strategies. The Skill provides patterns to ensure your team follows consistent approaches to state management and API integration across React components.