Prompt completo
"Considerando a crescente complexidade das aplicações Vue e a necessidade de equipes de desenvolvimento manterem a qualidade do código em larga escala, crie um guia prático e conciso (máximo 500 palavras) focado em 'Melhores Práticas para Otimização de Performance e Manutenibilidade de Componentes Vue Reutilizáveis'. O guia deve abordar os seguintes pontos, com exemplos de código Vue 3 (Composition API) sempre que aplicável: 1. **Estratégias para evitar re-renderizações desnecessárias:** * Uso de `v-once`, `memoization` (ex: `computed` com dependências estáveis). * Otimização de `v-for` (uso de `key` eficaz, virtualização para listas grandes). * Boas práticas na passagem de props (evitar objetos complexos ou funções inline). 2. **Organização e Design de Componentes para Reusabilidade:** * Princípio de Responsabilidade Única (SRP) aplicado a componentes. * Uso de slots (`default`, `named`, `scoped`) para flexibilidade. * Estratégias para encapsulamento de lógica (composables, mixins – com ressalvas). * Documentação interna e externa (PropTypes, JSDoc). 3. **Gerenciamento de Estado em Componentes Reutilizáveis:** * Quando usar `props` vs. `emit` vs. um sistema de estado global (Pinia/Vuex). * Boas práticas para eventos personalizados (`emit` com validação). 4. **Testabilidade:** * Como projetar componentes para serem facilmente testáveis (unitários e de integração). * Exemplos de testes básicos com Vue Test Utils. O tom deve ser profissional e didático, visando desenvolvedores Vue com experiência intermediária que buscam elevar a qualidade de seus projetos."
Tags relacionadas
Vue
Melhores práticas em Vue
gerado-automaticamente
Como usar este prompt
1
Clique no botão "Copiar" para copiar o prompt para sua área de transferência
2
Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)
3
Cole o prompt e adapte conforme necessário para seu contexto específico
Outros prompts de Vue
ChatGPT
Melhores práticas de padrões de design em vue para Vue
Prompt gerado automaticamente para Padrões de design em Vue em Vue
5 usos
ChatGPT
Melhores práticas de otimização e performance em vue para Vue
Prompt gerado automaticamente para Otimização e performance em Vue em Vue
4 usos
ChatGPT
Melhores práticas de otimização e performance em vue para Vue
Prompt gerado automaticamente para Otimização e performance em Vue em Vue
2 usos