Exercícios: Aula 11 - Gerenciamento de Estado (Pinia) 🍍
1. Por que usar Pinia?
Cite uma situação em que o uso do Pinia (Gerenciamento de Estado Global) é preferível em relação ao uso de Props e Events. O que é o problema do "Prop Drilling"?
2. Criando uma Store
Crie uma store chamada useCounterStore usando o estilo Setup Store. - Defina um state (ref) chamado count. - Defina uma action (function) chamada increment. - Defina um getter (computed) chamado doubleCount que retorna o dobro do valor atual.
3. Consumindo a Store
Importe a store criada acima em um componente Vue. Exiba o valor de count e de doubleCount no template. Chame a action increment ao clicar em um botão.
4. Persistência de Estado
Como você faria para que os dados de uma Store do Pinia não fossem perdidos quando o usuário atualiza (F5) a página? Cite uma estratégia ou plugin que ajude nisso.
5. Desafio: Lista de Compras Global
Crie uma useCartStore que gerencie um array de produtos no carrinho. - Crie uma action para adicionar um produto ao array. - Crie um getter que calcule o valor total do carrinho (soma dos preços). - Crie dois componentes diferentes na página: um que adiciona itens e outro que exibe apenas o total acumulado, provando que ambos compartilham o mesmo estado.
📚 Gabarito e Soluções Comentadas
Gabarito Explicado ### Questão 1: Por que usar Pinia? **Resposta Comentada:** - **Fundamentação:** No contexto de **Gerenciamento de Estado com Pinia**, o conceito abordado (Por que usar Pinia?) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 2: Criando uma Store **Resposta Comentada:** - **Fundamentação:** No contexto de **Gerenciamento de Estado com Pinia**, o conceito abordado (Criando uma Store) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 3: Consumindo a Store **Resposta Comentada:** - **Fundamentação:** No contexto de **Gerenciamento de Estado com Pinia**, o conceito abordado (Consumindo a Store) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 4: Persistência de Estado **Resposta Comentada:** - **Fundamentação:** No contexto de **Gerenciamento de Estado com Pinia**, o conceito abordado (Persistência de Estado) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 5: Desafio **Resposta Comentada:** - **Fundamentação:** No contexto de **Gerenciamento de Estado com Pinia**, o conceito abordado (Desafio) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais.