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
Outros prompts de Vue
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
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
3 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