Meilleures Pratiques Vercel React

Ce que cela fait

Fournit un guide de règles concis et priorisé pour la performance de React et Next.js : élimination des waterfalls, réduction de la taille du bundle, modèles de performance côté serveur et client, et stratégies de rendu/re-rendu. La compétence résume les règles et renvoie vers des fichiers de règles individuels avec des exemples.

Quand l'utiliser

À appliquer lors des revues de code, des refactorisations, ou lors de l'écriture de composants et de pages React/Next.js où la performance, la taille du bundle ou le comportement du rendu serveur sont importants. Se déclenche lors de l'optimisation de la récupération des données, du bundling, de l'hydratation ou des points chauds de re-rendu.

Ce qui est inclus

• Scripts : aucun script groupé (has_scripts=false)
• Références : inclut des fichiers rules/ dans le dépôt avec des exemples détaillés (has_references=false selon les métadonnées, mais un dossier rules frère existe)
• Instructions : explique 8 catégories de priorité et des noms de règles exploitables (ex: async-parallel, bundle-dynamic-imports, rerender-memo) avec des conseils d'application.

Agents compatibles

Utile avec des assistants orientés développement et des agents d'écriture de code (style Copilot, assistants de code Claude/GPT) capables de lire des fichiers de règles et d'appliquer des transformations ou de générer des suggestions de code.