React 19 patterns with React Compiler — no more manual memoization
Patterns React 19 : laisser le Compiler optimiser (plus de useMemo/useCallback), imports nommés, server components d'abord, le hook use(), les actions avec useActionState, ref en prop (plus de forwardRef)
- Quoi
- Patterns React 19 : laisser le Compiler optimiser (plus de useMemo/useCallback), imports nommés, server components d'abord, le hook use(), les actions avec useActionState, ref en prop (plus de forwardRef)
- Coût
- Gratuit
- Prérequis
- un projet React 19 (React Compiler supposé) — le skill est un guide de patterns que l'agent suit, pas un logiciel
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — react-19 de @gentleman-programming : un skill de patterns React 19 orientés React Compiler. Règles obligatoires : pas de mémoïsation manuelle (le Compiler optimise automatiquement — jamais de useMemo/useCallback écrits à la main), toujours des imports nommés depuis « react », server components d'abord avec « use client » uniquement quand hooks, handlers d'événements ou APIs navigateur sont nécessaires, le hook use() pour lire des promesses et le contexte conditionnel, les actions avec useActionState (server actions plus état pending), et ref comme prop simple au lieu de forwardRef. Bémols honnêtes : guidance compacte en un seul fichier — pas de références groupées ; le frontmatter du skill annonce Apache-2.0 alors que le manifest du catalogue indique MIT (le manifest fait foi ; divergence frontmatter/manifest déjà constatée sur ce repo au lot 42). Licence MIT selon le manifest. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : un projet React 19 (React Compiler supposé) — le skill est un guide de patterns que l'agent suit, pas un logiciel Installe-moi « Patterns React 19 avec React Compiler — fini la mémoïsation manuelle ». Il donne à mon agent les règles React 19 de @gentleman-programming : pas de mémoïsation manuelle (laisser le React Compiler optimiser ; jamais de useMemo/useCallback écrits à la main), imports nommés depuis « react », server components par défaut avec « use client » uniquement pour hooks/handlers d'événements/APIs navigateur, le hook use() pour les promesses et le contexte conditionnel, les actions avec useActionState, et ref comme prop simple au lieu de forwardRef. Note de licence : le frontmatter du skill annonce Apache-2.0 mais le manifest du catalogue indique MIT — le manifest fait foi. Dépôt : https://github.com/gentleman-programming/gentleman-skills/blob/main/curated/react-19/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers d'aide éventuels) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « react-19 ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (rien — c'est un guide de patterns que l'agent applique en écrivant du code React 19). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
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.