💚
ChatGPT intermediate

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 Vue

Prompt completo

"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."

Tags relacionadas

Vue Padrões de design 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