Enforces maintainable and performant React coding standards for hooks, components, and state management.
This skill provides a comprehensive set of guidelines for building high-quality React applications using modern standards. It prioritizes clean architecture by moving non-React logic outside components, optimizing hook design for single responsibility, and managing state efficiently. It uniquely adapts its recommendations based on whether the React Compiler is enabled, ensuring your code remains modern and avoids unnecessary manual memoization while maintaining peak performance and testability.
Key Features
01Component patterns focused on small, focused units for better readability and performance
02Advanced state management advice favoring state colocation and external stores over Context
03Best practices for designing lean, single-responsibility custom hooks with clear return values
04Optimization strategies that automatically adapt to the presence of the React Compiler
050 GitHub stars
06Architectural guidance for moving business logic and constants outside of React components
Use Cases
01Implementing performant custom hooks that follow strict single-responsibility principles
02Refactoring large monolithic components into smaller, focused, and maintainable units
03Modernizing codebase performance by correctly utilizing React 19 Compiler features
