react-best-practices

SKILL.md

Comprehensive performance optimization guide for React and Next.js applications, tuned by gracefullight (forked from Vercel Engineering). Contains 42 rules across 8 categories (some rules are enforced by Biome linter), prioritized by impact to guide automated refactoring and code generation.

This project uses Orval + React Query (@tanstack/react-query) for API layer:

| 1 | Eliminating Waterfalls | CRITICAL | async- | | 2 | Bundle Size Optimization | CRITICAL | bundle- | | 3 | Server-Side Performance | HIGH | server- | | 4 | Client-Side Data Fetching | MEDIUM-HIGH | client- | | 5 | Re-render Optimization | MEDIUM | rerender- | | 6 | Rendering Performance | MEDIUM | rendering- |

Directives d'optimisation des performances de React et Next.js optimisées par Gracefullight, dérivées de Vercel Engineering. Cette compétence doit être utilisée lors de l'écriture, de la révision ou de la refactorisation du code React/Next.js pour garantir des modèles de performances optimaux. Déclencheurs sur des tâches impliquant des composants React, des pages Next.js, la récupération de données, l'optimisation du bundle ou l'amélioration des performances. Source : first-fluke/fullstack-starter.

Voir l'original