React Patterns
Patterns React 18/19 idiomatiques : discipline des hooks, frontières serveur/client, Suspense, formulaires, récupération de données et composition accessible.
- Quoi
- Patterns React 18/19 idiomatiques : discipline des hooks, frontières serveur/client, Suspense, formulaires, récupération de données et composition accessible.
- Coût
- Gratuit
- Prérequis
- Utilisez « Patterns React » avec votre Muse.
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor : un skill de patterns pour écrire et relire du code React 18/19 comme le font les équipes expérimentées. Il couvre la discipline des hooks (niveau racine uniquement, nettoyage de chaque souscription, updaters fonctionnels, mémoïsation seulement quand un profiler le justifie), l'arbre de décision du placement d'état (état local, état remonté, contexte, store externe ou librairie d'état serveur) et les frontières entre Server Components et Client Components à l'ère de l'App Router Next.js. Vous y trouvez le placement de Suspense et des error boundaries, les form actions de React 19 et les règles des inputs contrôlés, une matrice de décision pour la récupération de données (RSC, TanStack Query, SWR), des recettes de composition (slots, composants composés, render props) et des règles de performance pour savoir quand React.memo aide vraiment au lieu d'ajouter du surcoût. L'accessibilité est intégrée dès le départ : HTML sémantique d'abord, atteignabilité au clavier, labels sur chaque champ, gestion du focus aux changements de route. Par @affaan-m, listé ici avec crédit à son créateur. Tiré du dépôt affaan-m/ECC (MIT). Bémols honnêtes : pur guide, rien à installer ; centré sur React 18/19, donc moins utile pour les vieilles bases en composants classes. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage.
Version :
Installation
Copiez le dossier d’installation ci-dessous, puis collez-le dans MuseLe prompt d'installation ci-dessous inclut déjà les étapes de vérification : votre agent suit la checklist communautaire avant d'installer tout ce qui contient du code exécutable. Vous en voulez plus ?
Utilisez « Patterns React » avec votre Muse. Prérequis : rien d'autre qu'une base de code React 18/19 sur laquelle travailler. Skill de pur guide, rien à installer. 1. Ouvrez le skill : https://github.com/affaan-m/ECC/blob/main/skills/react-patterns/SKILL.md et copiez le texte complet du SKILL.md. 2. Collez-le dans un chat avec Muse et ajoutez : « Relis [ce composant / ce hook] au regard de ces patterns et dis-moi ce qui enfreint les règles. » 3. Pour du code neuf, demandez : « Écris [cette fonctionnalité] en suivant ces patterns React, avec une composition accessible dès le départ. » Astuce : pointez un fichier ou un composant précis pour une revue affûtée ; les demandes vagues type « relis mon app » donnent des réponses génériques. Sécurité : un skill est du texte d'instructions ; il n'exécute rien tout seul. Ne collez jamais de secrets dans un chat, et relisez tout ce que Muse propose avant qu'il touche à votre code.
Enregistré dans vos installs récentes. Retrouvez-le à tout moment sur /connect.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.