react-component-dev

SKILL.md

Patterns for building composable, accessible, well-structured React components.

| className | string | Style composition | | children | ReactNode | Content (when applicable) | | ...rest | native props | Forward all valid HTML attributes |

| forwardRef | Wrapping DOM elements | | ComponentPropsWithoutRef | Inheriting native props | | cn() | Merging classNames | | as const | Literal type inference | | useImperativeHandle | Custom ref APIs (rare) | | React.Children | Manipulating children (avoid if possible) |

Créez des composants React avec des modèles, une accessibilité et une composition appropriés. À utiliser lors de la création de nouveaux composants, de la refactorisation de composants existants ou de la révision de l'architecture des composants. Couvre forwardRef, la conception d’accessoires, l’accessibilité, l’organisation des fichiers et les approches de test. Source : petekp/claude-code-setup.

Voir l'original