Vercel "React Best Practices" : Ce n'est pas pour vous, c'est pour votre IA

J'ai cru d'abord à un énième guide PDF "Comment utiliser useMemo". J'avais tort. L'annonce de Shu Ding et Andrew Qu ce matin marque un tournant historique dans notre métier.

Le repository react-best-practices qu'ils viennent de lâcher n'est pas fait pour être lu par des yeux humains. Il est structuré pour être ingéré par des LLMs.

Le constat : L'humain est le goulot d'étranglement

L'optimisation React est devenue trop complexe. Chasser les "Waterfalls" (cascades de requêtes), paralléliser les await, gérer le bundle splitting... On sait qu'il faut le faire. Mais on ne le fait pas, parce qu'on est pressés.

La réponse de Vercel ? "Agent Skills". Une simple commande : npx add-skill vercel-labs/agent-skills.

Soudainement, votre Assistant (Cursor ou VS Code AI) ne se contente plus de générer du code. Il acquiert 10 ans d'expertise Vercel pour le critiquer.

Les 3 leçons du "Framework"

1. La guerre aux Waterfalls (L'ennemi N°1)

Le guide classe les optimisations par impact. La priorité absolue n'est pas le re-render (comme on le croit souvent), mais la Cascade Asynchrone. L'IA scanne votre code pour détecter :

TypeScript

// ❌ Pattern détecté par l'agent
const user = await getUser();
const posts = await getPosts(); // Attend que user soit fini

// ✅ Correction automatique proposée
const [user, posts] = await Promise.all([getUser(), getPosts()]);

C'est basique ? Oui. Mais l'Agent le détecte à chaque commit, impitoyablement.

2. L'IA comme "Senior Pair Programmer"

Ce qui est brillant, c'est que Vercel ne vend pas un outil SAAS fermé. Ils distribuent la connaissance sous forme de règles sémantiques. Ils donnent à votre IA le contexte nécessaire pour vous dire : "Hey, tu importes cette librairie de 500kb juste pour formater une date. Utilise plutôt Intl.DateTimeFormat natif."

3. L'Ordre des opérations

Le guide insiste sur l'architecture avant la micro-optimisation.

1. Éliminer les I/O bloquants (Server).

2. Réduire la taille du bundle (Network).

3. Optimiser le rendu (Client). Si vous optimisez vos useCallback alors que votre serveur met 200ms à répondre à cause d'une requête séquentielle, vous perdez votre temps. L'Agent vous remet dans le droit chemin.

Conclusion

En 2026, être un développeur Senior, ce n'est plus "tout savoir". C'est savoir configurer son Agent avec les bonnes "Skills". Vercel vient de nous donner le plugin ultime. Ne codez plus sans lui.