Aula 09 🌐

Context API: Estado Global Simples

---

O que vamos aprender hoje? 📚

1. O Problema do Prop Drilling
2. Conceito de Contexto
3. Provider e Consumer
4. Quando usar (e quando não usar)

---

1. O Pânico das Props 😵

---

Prop Drilling 🧗

• Passar dados por 10 componentes apenas para chegar no destino.
• Dificulta a manutenção.
• Polui o código.

---

2. A Solução: Contexto 💡

---

Uma Nuvem de Dados ☁️

• Os dados ficam disponíveis para todos.
• Qualquer componente "fisga" o que precisar.
• Ideal para: Temas, Autenticação, Idiomas.

---

3. Como Implementar? 🛠️

---

Os 3 Pilares 🏗️

1. createContext: Cria a sala de dados.
2. Provider: O proprietário que distribui os segredos.
3. useContext: O segredo sendo revelado ao componente.

---

Exemplo 💻

const { user } = useContext(UserContext);

---

4. Melhores Práticas ✨

---

Use com Moderação! ⚠️

• Nem tudo deve ser global.
• Context API causa re-render em todos os inscritos.
• Mantenha o estado local sempre que puder.

---

🚀 Desafio da Aula

• Criar um contexto de Autenticação.
• Mostrar o nome do usuário no Header.
• Permitir fazer "Login" e "Logout" global.

---

Fim da Aula 09 🎓

Próxima Aula: Hooks Avançados!