react-best-practices

Bonnes pratiques React

Vercel

Guide l’implémentation et le refactor React ou Next.js avec des règles de performance priorisées.

Licence: MIT
Risque: Moyen

Comprendre

Objectifs couverts

implement React code
refactor Next.js code
improve frontend performance

Entrées → sorties

React or Next.js source
bounded implementation objective

performance guidance or review findings
optional scoped React or Next.js code changes when implementation was requested

Reconnaître

Déclencheurs

write a React component
refactor a Next.js route
reduce React performance cost

Hors périmètre

non-React implementation
visual design audit only
automatic dependency upgrade

Choisir

Permissions

read scoped React or Next.js repository files
write scoped source changes only when implementation or refactoring is requested

Effets externes

local repository changes only when implementation or refactoring is requested
project tests or builds may be run as separate verification when available, but the skill does not require them

Compatibilité

React and Next.js codebases in a runtime that can read the referenced rule files

Vérifie les permissions et confirme chaque effet externe avant d’utiliser cette skill.

Comparer

Comprendre → Reconnaître → Choisir → Comparer

Pack pour ton agent

Instruction pré-écrite par SkillCodex — ta demande n’est ni envoyée ni utilisée pour adapter ce texte ; aucun contenu n’est généré et copier n’exécute rien.

usage

Utiliser dans ton agent

# Utiliser Bonnes pratiques React dans ton agent

## Objectif
Utilise la skill existante react-best-practices uniquement lorsqu’elle couvre directement la tâche demandée.

## Prérequis
- sources React ou Next.js
- objectif d’implémentation borné
- accès en lecture aux sources React ou Next.js et aux fichiers de règles référencés par la skill
- outils d’écriture bornés au dépôt uniquement pour une implémentation ou un refactor demandés

## Permissions
- lire les fichiers React ou Next.js bornés du dépôt
- écrire des modifications source bornées uniquement lorsqu’une implémentation ou un refactor est demandé

## Effets externes
- modifications locales du dépôt uniquement lorsqu’une implémentation ou un refactor est demandé
- les tests ou builds du projet peuvent être lancés comme vérification séparée lorsqu’ils existent, sans être exigés par la skill

## Procédure
- Ouvre la source canonique liée à la révision f8a72b9603728bb92a217a879b7e62e43ad76c81.
- Lis les instructions de la skill avant d’appeler ses outils.
- Demande une confirmation avant tout effet payant, destructif ou distant non déjà autorisé.
- Exécute la procédure dans le périmètre demandé et conserve les preuves utiles.

## Non-objectifs
- implémentation hors React
- audit visuel seul
- mise à jour automatique de dépendances

## Résultat attendu
- conseils de performance ou constats de revue
- modifications React ou Next.js bornées lorsque l’implémentation est demandée

sha256:5469f5d81edf63219df311a7cda1ca46c3befe4259bbe4154ab56de6c5424c93

verification

Vérifier dans ton agent

# Vérifier Bonnes pratiques React dans ton agent

## Résultat à contrôler
Vérifie l’utilisation de react-best-practices pour la tâche bornée en cours.

## Signaux d’échec
- La source ou la révision ne correspond pas au manifeste.
- Une permission ou un effet externe n’a pas été annoncé.
- La sortie ne correspond pas aux artefacts attendus.
- La skill s’est déclenchée sur un non-déclencheur déclaré.

## Contrôles
- Compare le SHA-256 de SKILL.md à sha256:71ed7794962fa6e803ee83030517b5b93a9f70fbfeb431ec4535c5480a8d8355.
- Confirme les permissions réellement employées et les effets observés.
- Vérifie les artefacts avec le test le plus étroit disponible.
- Sépare les preuves locales, navigateur et externes dans le compte rendu.

## Résultat attendu
- conseils de performance ou constats de revue
- modifications React ou Next.js bornées lorsque l’implémentation est demandée

sha256:25fc86923ad28c1ca522d0ee7047c9822033968922b8163a8508511a67e5640b

Digest du Pack: sha256:e1a4deb393ba78831cbb55a5f725ccb3dd3cc9f8c4a89f80c0792c91e6050edc

Source et vérification

Ouvrir la source canonique

Révision source: f8a72b9603728bb92a217a879b7e62e43ad76c81
Vérifié le
Digest: sha256:71ed7794962fa6e803ee83030517b5b93a9f70fbfeb431ec4535c5480a8d8355

Choisir

Permissions

read scoped React or Next.js repository files
write scoped source changes only when implementation or refactoring is requested

Effets externes

local repository changes only when implementation or refactoring is requested
project tests or builds may be run as separate verification when available, but the skill does not require them

Compatibilité

React and Next.js codebases in a runtime that can read the referenced rule files

Vérifie les permissions et confirme chaque effet externe avant d’utiliser cette skill.

# Utiliser Bonnes pratiques React dans ton agent ## Objectif Utilise la skill existante react-best-practices uniquement lorsqu’elle couvre directement la tâche demandée. ## Prérequis - sources React ou Next.js - objectif d’implémentation borné - accès en lecture aux sources React ou Next.js et aux fichiers de règles référencés par la skill - outils d’écriture bornés au dépôt uniquement pour une implémentation ou un refactor demandés ## Permissions - lire les fichiers React ou Next.js bornés du dépôt - écrire des modifications source bornées uniquement lorsqu’une implémentation ou un refactor est demandé ## Effets externes - modifications locales du dépôt uniquement lorsqu’une implémentation ou un refactor est demandé - les tests ou builds du projet peuvent être lancés comme vérification séparée lorsqu’ils existent, sans être exigés par la skill ## Procédure - Ouvre la source canonique liée à la révision f8a72b9603728bb92a217a879b7e62e43ad76c81. - Lis les instructions de la skill avant d’appeler ses outils. - Demande une confirmation avant tout effet payant, destructif ou distant non déjà autorisé. - Exécute la procédure dans le périmètre demandé et conserve les preuves utiles. ## Non-objectifs - implémentation hors React - audit visuel seul - mise à jour automatique de dépendances ## Résultat attendu - conseils de performance ou constats de revue - modifications React ou Next.js bornées lorsque l’implémentation est demandée

# Vérifier Bonnes pratiques React dans ton agent ## Résultat à contrôler Vérifie l’utilisation de react-best-practices pour la tâche bornée en cours. ## Signaux d’échec - La source ou la révision ne correspond pas au manifeste. - Une permission ou un effet externe n’a pas été annoncé. - La sortie ne correspond pas aux artefacts attendus. - La skill s’est déclenchée sur un non-déclencheur déclaré. ## Contrôles - Compare le SHA-256 de SKILL.md à sha256:71ed7794962fa6e803ee83030517b5b93a9f70fbfeb431ec4535c5480a8d8355. - Confirme les permissions réellement employées et les effets observés. - Vérifie les artefacts avec le test le plus étroit disponible. - Sépare les preuves locales, navigateur et externes dans le compte rendu. ## Résultat attendu - conseils de performance ou constats de revue - modifications React ou Next.js bornées lorsque l’implémentation est demandée