Guide de lecture localisé
vercel-composition-patternsObjectif, utilisation et source
Modèles de composition React évolutifs. À utiliser lors de la refactorisation de composants avec une prolifération de propriétés booléennes, la création de bibliothèques de composants flexibles ou la conception d'API réutilisables. Se déclenche sur les tâches impliquant des composants composés, des propriétés de rendu, des fournisseurs de contexte ou l'architecture des composants. Inclut React.19Modifications de l'API.
Source récupérée:
- Dépôt source
- vercel-labs/agent-skills
- SKILL.md
skills/composition-patterns/SKILL.md- Étoiles du dépôt
- 33,269
- Mise à jour du dépôt
- 2026-10-29
- Catégories de capacités
- Développement
- Dernière collecte
Licence : Non précisé
Les extraits de flux de travail sont des outils de lecture et non des instructions exécutables de Codez. Aucune compétence tierce n'a été utilisée pour générer cette page.
Les passages relatifs à l'objectif et au flux de travail ci-dessous constituent le contenu original, organisé et traduit pour la lecture. Ils sont distincts de l'analyse éditoriale de Codez, qui est étiquetée séparément.
À quoi sert cette compétence ?
Modèles de composition React évolutifs. À utiliser lors de la refactorisation de composants avec une prolifération de propriétés booléennes, la création de bibliothèques de composants flexibles ou la conception d'API réutilisables. Se déclenche sur les tâches impliquant des composants composés, des propriétés de rendu, des fournisseurs de contexte ou l'architecture des composants. Inclut React.19Modifications de l'API.
Comment fonctionne le flux de travail en amont
Comment utiliser
Consultez les fichiers de règles individuels pour obtenir des explications détaillées et des exemples de code : chaque fichier de règles contient : une brève explication de son importance et un exemple de code incorrect avec explication.
passage en amont · L71 ↗Quand postuler
Consultez ces directives lorsque : vous refactorisez des composants comportant de nombreuses propriétés booléennes ; vous créez des bibliothèques de composants réutilisables ; vous concevez des API de composants flexibles.
passage en amont · L22 ↗Modèles de composition React
Modèles de composition pour créer des composants React flexibles et maintenables. Évitez la prolifération des propriétés booléennes en utilisant des composants composés, en remontant l'état et en composant les éléments internes. Ces modèles facilitent le travail des humains et des agents IA lors de la mise à l'échelle du code.
passage en amont · L15 ↗rules/architecture-avoid-boolean-props.md
rules/state-context-interface.mdConfiguration requise
Aucun extrait de configuration n'a été sélectionné dans ce fichier. Cela ne signifie pas que la compétence est sans dépendances. Consultez les instructions de configuration du dépôt et les fichiers référencés.
Limites et contrôles de qualité
Aucun passage de limite distinct n'a été sélectionné dans ce fichier. Cela ne signifie pas que la compétence est sûre pour toutes les entrées ou tous les environnements. Consultez le code source complet et validez vos résultats.
Commencez par un essai sans danger
- Vérifiez l'hôte pris en charge et les instructions d'installation du dépôt. Conservez le répertoire Skill ainsi que ses scripts, ressources et documentation référencés ;SKILL.mdSeul, il peut omettre les dépendances.
- Indiquez à l'agent vos paramètres d'entrée réels, le résultat souhaité et les critères d'acceptation. La syntaxe d'appel et les outils disponibles dépendent du système hôte ; ce site ne propose pas de commande d'installation universelle.
- Testez le flux de travail source dans un projet temporaire ou sur une copie. Avant d'autoriser les opérations qui modifient des fichiers, des services distants ou des ressources facturables, examinez-les attentivement.
- Vérifiez la conformité du résultat avec les contrôles qualité sources et vos propres exigences. Un déclenchement réussi ou un nombre élevé d'étoiles dans le dépôt ne garantissent pas un résultat correct.
Pour en savoir plus, consultez la source.
Compétences connexes
Traduction et étendue
Ce guide de lecture sélectionne des passages de l'amont épingléSKILL.mdCette traduction est assistée. Elle ne constitue pas un manuel complet et ne garantit pas une compatibilité testée. Veuillez lire le document original et les fichiers auxquels il fait référence avant utilisation.
Cette introduction fait référence à la version épinglée ci-dessous ; l’activité actuelle du dépôt et la durée de la collecte sont indiquées séparément.
- Source épinglée
- Lire l'original ↗
- Source récupérée
- Commit source
1a2c79d4e6c4a2283dc2c614b6538cbe1ed5ca62- Source SHA-256
e38e0eaa609316b10423a9a138ed95e35099accd3f735585295c8a8f165c28a3