asyrafhussin/react-vite-meilleures-pratiques

Directives d'optimisation des performances React et Vite. À utiliser lors de l'écriture, de la révision ou de l'optimisation de composants React construits avec Vite. Se déclenche sur les tâches impliquant la configuration Vite, l'optimisation de build, le fractionnement de code, le chargement paresseux, HMR, la taille du bundle ou les performances React.

Qu'est-ce que react-vite-meilleures-pratiques ?

Cette compétence fournit des directives complètes d'optimisation des performances pour les projets React utilisant Vite. Elle couvre les bonnes pratiques pour la configuration de Vite, l'optimisation du processus de build, le fractionnement de code (code splitting) avec React.lazy(), le chargement paresseux (lazy loading) des composants, la gestion du HMR (Hot Module Replacement), la réduction de la taille du bundle, et l'amélioration des performances globales des applications React. Utile pendant le développement, la révision de code ou l'audit de performance, elle s'applique à tous les outils (Claude Code, Cursor, Codex) et aide à éviter les pièges courants tout en maximisant l'efficacité du build Vite. La compétence se base sur la documentation officielle de Vite, React et les meilleures pratiques de la communauté.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/asyrafhussin/agent-skills/tree/main/skills/react-vite-best-practices

Installed? Explore more Productivité et collaboration skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait react-vite-meilleures-pratiques ?

Directives d'optimisation des performances React et Vite. À utiliser lors de l'écriture, de la révision ou de l'optimisation de composants React construits avec Vite. Se déclenche sur les tâches impliquant la configuration Vite, l'optimisation de build, le fractionnement de code, le chargement paresseux, HMR, la taille du bundle ou les performances React.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Skills associés