Zustand e React Query
- #React
Zustand e React Query: a combinação que pode simplificar seu gerenciamento de estado em React
Em aplicações React, é comum a gente se deparar com um dilema: como separar o estado global do estado que vem da API? Usar uma única ferramenta para tudo pode acabar criando uma complexidade desnecessária.
A resposta pode estar em uma abordagem mais leve e escalável, usando Zustand + React Query.
✅ Zustand: Ideal para o estado que não depende do servidor (ex: tema, filtros ou o estado de um modal). A API é super simples, sem a necessidade de muito boilerplate.
✅ React Query: Perfeito para lidar com dados que vêm do backend. Ele faz o trabalho pesado de cache, refetching e sincronização, eliminando boa parte do código repetitivo que escreveríamos para chamadas de API.
💡 A ideia é bem simples:
Estado do cliente? Pense em Zustand.
Dados do servidor? Pense em React Query.
Essa divisão de responsabilidades deixa o código mais limpo, performático e muito mais fácil de manter
