asyrafhussin/react-vite-best-practices

Diretrizes de otimização de desempenho para React e Vite. Use ao escrever, revisar ou otimizar componentes React construídos com Vite. Ativa em tarefas que envolvem configuração do Vite, otimização de build, divisão de código, carregamento preguiçoso, HMR, tamanho do bundle ou desempenho do React.

O que é react-vite-best-practices?

Esta skill fornece diretrizes abrangentes de otimização de desempenho para aplicações React construídas com Vite. Ela cobre áreas críticas como configuração do Vite, otimização de build, divisão de código (code splitting), carregamento preguiçoso (lazy loading), Hot Module Replacement (HMR), redução do tamanho do bundle e melhoria geral do desempenho do React. A skill é ativada automaticamente em tarefas relacionadas a essas áreas, ajudando desenvolvedores a escrever, revisar e otimizar componentes React de forma eficiente. Baseada em documentação prática e padrões da indústria, ela garante que as aplicações React com Vite atinjam o máximo de desempenho possível, reduzindo o tempo de carregamento e melhorando a experiência do usuário.

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

Installed? Explore more Produtividade e Colaboração skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que react-vite-best-practices faz?

Diretrizes de otimização de desempenho para React e Vite. Use ao escrever, revisar ou otimizar componentes React construídos com Vite. Ativa em tarefas que envolvem configuração do Vite, otimização de build, divisão de código, carregamento preguiçoso, HMR, tamanho do bundle ou desempenho do React.

Individual skills in this repo

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

Habilidades Relacionadas