Pular para conteúdo

Aula 12 🏪

Estado Global: Redux Toolkit

O que vamos aprender hoje? 📚

  1. Por que Redux?
  2. Conceito de Store e Slices
  3. Actions e Reducers
  4. Redux DevTools

1. O Gestor de Estado 🏛️

Do Caos à Ordem 📦

  • Context API é boa, mas o Redux é melhor para escala.
  • Estado centralizado e imutável.
  • Depuração profissional (Time Travel).

2. Redux Toolkit (RTK) 🍰

Slices 🍕

  • Agrupam dado + lógica em um só lugar.
  • Acaba com a confusão de arquivos separados.

3. Hooks do Redux 🎣

Como falar com a Store? 🤔

  • useSelector: Captura dados.
  • useDispatch: Envia ordens.

4. Ferramentas Divinas 🛠️

Redux DevTools 🕵️

  • Veja cada mudança acontecer.
  • Volte no tempo.
  • Exporte o estado para testes.

🚀 Desafio da Aula

  • Criar um carrinho de compras com Redux.
  • Sincronizar produtos entre vitrine e navbar.

Fim da Aula 12 🎓

Próxima Aula: Testes Unitários!