💚
ChatGPT intermediate

Melhores práticas de melhores práticas em vue para Vue

Prompt gerado automaticamente para Melhores práticas em Vue em Vue

4 usos Vue

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