ideal-react-component

SKILL.md

A battle-tested pattern for organizing React component files that emphasizes readability, maintainability, and logical flow. This structure helps teams maintain consistency and makes components easier to understand at a glance.

Core principle: Declare everything in a predictable order—imports to styles to types to logic to render—so developers know where to find things.

Why: "When you deal with more than a handful of imports, it's really easy to get lost in what the file is using."

À utiliser lors de la création de composants React, de la structuration des fichiers de composants, de l'organisation du code des composants, débogage des problèmes de hooks React, ou lorsqu'on lui demande de "créer un composant React", "structurer ce composant", "réviser la structure du composant", "refactoriser ce composant", "corriger la boucle infinie" ou "useEffect ne fonctionne pas". S'applique aux composants TypeScript et JavaScript React. Comprend des crochets anti-motifs. Source : antjanus/skillbox.

Voir l'original