·react-vite-best-practices
</>

react-vite-best-practices

Linee guida per l'ottimizzazione delle prestazioni di React e Vite. Da utilizzare durante la scrittura, la revisione o l'ottimizzazione dei componenti React creati con Vite. Si attiva su attività che coinvolgono la configurazione di Vite, l'ottimizzazione della build, la suddivisione del codice, il caricamento lento, l'HMR, la dimensione del bundle o le prestazioni di React.

482Installazioni·10Tendenza·@asyrafhussin

Installazione

$npx skills add https://github.com/asyrafhussin/agent-skills --skill react-vite-best-practices

Come installare react-vite-best-practices

Installa rapidamente la skill AI react-vite-best-practices nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/asyrafhussin/agent-skills --skill react-vite-best-practices
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: asyrafhussin/agent-skills.

Comprehensive performance optimization guide for React applications built with Vite. Contains 40+ rules across 8 categories, prioritized by impact to guide code generation and refactoring.

| 1 | Build Optimization | CRITICAL | build- | | 2 | Code Splitting | CRITICAL | split- | | 3 | Development Performance | HIGH | dev- | | 4 | Asset Handling | HIGH | asset- | | 5 | Environment Config | MEDIUM | env- | | 6 | HMR Optimization | MEDIUM | hmr- | | 7 | Bundle Analysis | LOW-MEDIUM | bundle- | | 8 | Advanced Patterns | LOW | advanced- |

Read individual rule files for detailed explanations and code examples:

Linee guida per l'ottimizzazione delle prestazioni di React e Vite. Da utilizzare durante la scrittura, la revisione o l'ottimizzazione dei componenti React creati con Vite. Si attiva su attività che coinvolgono la configurazione di Vite, l'ottimizzazione della build, la suddivisione del codice, il caricamento lento, l'HMR, la dimensione del bundle o le prestazioni di React. Fonte: asyrafhussin/agent-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/asyrafhussin/agent-skills --skill react-vite-best-practices
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-11

Browse more skills from asyrafhussin/agent-skills

Risposte rapide

Che cos'è react-vite-best-practices?

Linee guida per l'ottimizzazione delle prestazioni di React e Vite. Da utilizzare durante la scrittura, la revisione o l'ottimizzazione dei componenti React creati con Vite. Si attiva su attività che coinvolgono la configurazione di Vite, l'ottimizzazione della build, la suddivisione del codice, il caricamento lento, l'HMR, la dimensione del bundle o le prestazioni di React. Fonte: asyrafhussin/agent-skills.

Come installo react-vite-best-practices?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/asyrafhussin/agent-skills --skill react-vite-best-practices Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/asyrafhussin/agent-skills