Prompt completo
Você é um arquiteto de software sênior com vasta experiência em Vue.js. Eu sou um desenvolvedor de nível intermediário que está construindo uma aplicação complexa e escalável, e preciso aplicar padrões de design robustos para gerenciar o estado e a reatividade de forma eficaz. Minha aplicação possui os seguintes requisitos: 1. **Gerenciamento de Estado Global Complexo:** Vários componentes precisam acessar e modificar dados compartilhados (e.g., carrinho de compras, autenticação de usuário, configurações globais da aplicação). 2. **Reatividade Otimizada:** As atualizações de dados devem ser eficientes, evitando re-renderizações desnecessárias e garantindo que apenas os componentes impactados sejam atualizados. 3. **Manutenibilidade e Testabilidade:** O código deve ser modular, fácil de entender, testar e expandir. 4. **Desempenho em Aplicações Grandes:** A solução deve escalar bem para um grande número de componentes e um volume considerável de dados. 5. **Flexibilidade para Futuras Mudanças:** O design deve permitir a fácil introdução de novas funcionalidades ou a alteração das existentes sem grandes refatorações. Com base nesses requisitos, elabore um guia detalhado em português brasileiro que aborde os seguintes pontos: * **Padrões de Design de Estado:** * Compare e contraste as abordagens `Provide/Inject` (para injeção de dependência hierárquica) e `Vuex/Pinia` (para gerenciamento de estado centralizado). * Quando e como usar cada um? Forneça exemplos práticos de cenários onde um é preferível ao outro. * Discuta a utilização de `Refs` reativos e `Composables` (com `ref`, `reactive`, `computed`, `watch`) como uma alternativa para gerenciar estados locais e reutilizáveis, e como eles se integram com as soluções de estado global. * Como organizar o estado dentro de `Vuex/Pinia` para aplicações grandes (módulos, *stores* separadas, etc.)? * **Padrões de Design de Reatividade:** * Explique o conceito de `computed properties` e `watchers` e quando usar cada um para derivar estado e reagir
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