This skill equips Claude with a comprehensive set of React patterns and rules, ensuring the generation of clean, maintainable, and high-performance code. It covers essential modern practices including functional component architecture, custom hook implementation, and React 19 APIs. By providing specific guidance on composition patterns like compound components and render props, alongside strict re-render optimization techniques, it helps developers avoid common pitfalls such as stale closures, prop drilling, and unnecessary renders in complex React applications.
主な機能
01Advanced hook rules including custom hook extraction and useEffect cleanup
02Standardized functional component architecture with TypeScript interfaces
03Modern composition patterns including compound components and render props
04Performance optimization techniques to minimize unnecessary re-renders
05React 19 compatibility featuring ref-as-prop and the use() API
060 GitHub stars
