This skill automatically analyzes React source files (.tsx, .jsx) to identify anti-patterns and enforce modern best practices. It provides actionable feedback on component architecture, hook implementation (useState, useEffect, useMemo), state management, and rendering optimization. By catching critical issues like stale closures, unnecessary re-renders, and deep props drilling, it helps developers maintain a clean, performant, and scalable React codebase throughout the development lifecycle.
Características Principales
01Validates React Hook usage and identifies missing dependency array items
02Analyzes component architecture and export patterns for consistency
030 GitHub stars
04Detects performance bottlenecks and unnecessary component re-renders
05Identifies logic separation opportunities for custom hook extraction
06Provides guidance on state management and Context API implementation
