vercel-react-best-practices
Skill officielle publiée par Vercel Engineering : 70 règles de performance pour React et Next.js, rangées en 8 familles classées par impact. En tête, marquées critiques, l'élimination des cascades de requêtes et le poids du code envoyé au navigateur ; puis le rendu côté serveur, le chargement de données côté client, les rendus inutiles, la performance d'affichage, le JavaScript pur, et en dernier les motifs avancés. Chaque règle tient dans son propre fichier, avec un exemple fautif, un exemple correct et l'explication. L'agent s'en sert quand il écrit, relit ou refactore un composant, une page ou un chargement de données. Licence MIT.
Forces
- Un ordre de priorité explicite par impact, qui empêche l'agent de polir un détail pendant qu'une cascade de requêtes bloque la page
- Chaque règle a son fichier avec un exemple fautif et un exemple correct : tu peux vérifier ce que l'agent invoque
- Préfixe par famille (async, bundle, rerender…) : un constat se rattache tout de suite à son niveau d'urgence
- Skill officielle Vercel sous licence MIT, installable seule ou avec le reste du recueil
Limites
- Pensée pour Next.js : la famille serveur ne s'applique pas à une SPA Vite, et la règle d'import dynamique suppose next/dynamic
- Écrite par un éditeur qui vend l'hébergement Next.js : certaines recommandations poussent vers sa pile
- La documentation du dépôt annonce encore « 40+ » règles quand le fichier de la skill en compte 70 : relis la liste, pas le résumé
Pour qui
- Une équipe Next.js qui veut que l'agent traite d'abord les cascades de requêtes et le poids du code
- Une revue de performance d'un composant React, en rattachant chaque constat à une règle nommée
- Une SPA Vite, à condition de dire à l'agent de laisser de côté la famille serveur