Aller au contenu

React and Next.js Best Practices

Les règles de performance hiérarchisées de Vercel pour écrire et relire du code React.

Officielle de l'éditeurpar VercelVérifié le 18 octobre 2026

Installez React and Next.js Best Practices gratuitement

Laissez votre email et les étapes d'installation s'ouvrent ici même : un prompt à coller dans votre outil d'IA. Valable pour les 149 skills.

Pas de spam. Désinscription en un clic. Nous utilisons votre e-mail pour vous envoyer la formation et des conseils IA.

Le guide de Vercel Engineering pour des apps React et Next.js rapides, sous forme de skill. Les règles sont classées par impact, en commençant par les cascades de requêtes et la taille du bundle, pour que Claude corrige d'abord l'essentiel.

Pour qui

  • Développeurs React
  • Équipes Next.js
  • Vibe coders

Prompts à essayer

Une fois la skill installée, demandez le résultat avec vos mots. Votre outil d'IA utilise la skill tout seul.

Prompt 1
Vérifie cette page Next.js pour les problèmes de performance
Prompt 2
Refactorise le chargement de données du tableau de bord pour supprimer les cascades
Prompt 3
Pourquoi mon bundle est-il si gros ? Applique les bonnes pratiques React

Comment l'installer

Les skills suivent le standard ouvert Agent Skills, celle-ci n'est donc pas liée à une seule entreprise. Choisissez l'outil d'IA que vous utilisez. Vous hésitez ? Le premier onglet couvre la plupart d'entre eux en une étape.

Le plus simple : collez ceci dans votre outil d'IA
Installe cette skill pour qu'elle fonctionne dans tous mes projets : exécute `npx skills add https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices -g -y` dans mon terminal. S'il manque Node.js, explique-moi d'abord comment l'installer. Une fois terminé, confirme que la skill est installée et dis-moi comment commencer à l'utiliser.

Ou faites-le vous-même :

Une seule commande installe la skill dans les outils d'IA de votre ordinateur. Elle détecte ceux que vous avez et vous demande où l'ajouter : Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, OpenCode et plus de 60 autres.

npx skills add https://github.com/vercel-labs/agent-skills/tree/main/skills/react-best-practices -g

Node.js doit être installé (gratuit, sur nodejs.org). L'option -g rend la skill disponible dans tous vos projets.

Bon à savoir : L'une des skills les plus installées sur skills.sh.

Débloquez les étapes d'installation

Gratuit. Laissez votre email une seule fois pour ouvrir les étapes d'installation des 149 skills, et recevez chaque mois les meilleures nouvelles skills.

Pas de spam. Désinscription en un clic. Nous utilisons votre e-mail pour vous envoyer la formation et des conseils IA.

Comment nous l'avons vérifié

Nous avons vérifié la skill à sa source d'origine le 18 octobre 2026 : le SKILL.md est au bon endroit, les fichiers ont été mis à jour au cours de l'année et la licence autorise son usage. Nous ne l'avons pas encore testée sur une tâche.

D'autres skills à découvrir