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.0
51 usos
ChatGPT
Usar no ChatGPT
"Você é um especialista em desenvolvimento frontend com profundo conhecimento em Vue.js e padrões de design. Sua tarefa é criar um guia prático para desenvolvedores Vue que buscam implementar o padrão 'Container/Presentational' de forma eficaz em aplicações complexas, visando otimizar a manutenção e a escalabilidade. O guia deve abordar os seguintes pontos:

1.  **Definição e Benefícios:** Explique o que é o padrão Container/Presentational no contexto Vue e quais os principais benefícios (reusabilidade, testabilidade, separação de responsabilidades).
2.  **Estrutura de Diretórios e Nomenclatura:** Proponha uma estrutura de diretórios clara e convenções de nomenclatura para componentes Container e Presentational.
3.  **Fluxo de Dados e Comunicação:** Detalhe como a comunicação entre componentes Container e Presentational deve ocorrer (props, emits, Vuex/Pinia). Forneça exemplos de código para cada cenário.
4.  **Cenários de Uso:** Apresente exemplos concretos de onde e como aplicar este padrão em diferentes partes de uma aplicação (listagens de dados, formulários complexos, dashboards).
5.  **Desafios e Soluções:** Discuta desafios comuns ao implementar este padrão (excesso de props, acoplamento desnecessário) e ofereça soluções práticas.
6.  **Alternativas e Quando Não Usar:** Mencione brevemente outros padrões de design (ex: Composition API para lógica compartilhada) e explique em quais situações o padrão Container/Presentational pode não ser a melhor escolha.

O guia deve ser didático, conter exemplos de código Vue 3 (Composition API preferencialmente, mas menção à Options API é válida onde aplicável), e focar em boas práticas de engenharia de software."

Como Usar este Prompt

1

Clique no botão "Copiar Prompt" para copiar o conteúdo completo.

2

Abra sua ferramenta de IA de preferência (ChatGPT e etc.).

3

Cole o prompt e substitua as variáveis (se houver) com suas informações.

Compartilhe

Gostou deste prompt? Ajude outras pessoas a encontrá-lo!

Outros prompts de Vue

Continue explorando prompts nesta categoria.

Melhores práticas de otimização e performance em vue para Vue

Prompt gerado automaticamente para Otimização e performance em Vue em Vue

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

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

Melhores práticas de otimização e performance em vue para Vue

Prompt gerado automaticamente para Otimização e performance em Vue em Vue