Prompt completo
"Você é um especialista em desenvolvimento front-end com vasta experiência em Vue.js e padrões de design. Sua tarefa é criar um guia prático e conciso, em português do Brasil, para desenvolvedores Vue de nível intermediário a avançado, abordando a implementação do padrão 'Container/Presentational Components' em aplicações Vue 3 com Composition API. O guia deve incluir: 1. **Explicação clara do padrão:** O que é, por que usá-lo (benefícios), e quando é mais apropriado. 2. **Exemplos de código:** Um exemplo mínimo, mas funcional, que demonstre a separação de responsabilidades entre um componente `Container` e um ou mais componentes `Presentational`. Use `script setup` e TypeScript. 3. **Boas práticas e dicas:** Recomendações para manter a modularidade, testabilidade e legibilidade do código ao aplicar este padrão. 4. **Considerações sobre o Composition API:** Como o `setup` e os `ref`/`reactive`/`computed` podem ser usados efetivamente para gerenciar o estado e a lógica nos componentes `Container`, e como os `props` e `emits` são usados nos `Presentational`. 5. **Exemplos de nomes de arquivos e estrutura de pastas** para organizar componentes que seguem este padrão. O tom deve ser profissional, didático e direto ao ponto, com foco na aplicabilidade prática. Não inclua introduções ou conclusões genéricas."
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 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