Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Sugestão] Dica: o useQuery do Apollo Client também tem uma propriedade para loading

Olá.

Uma coisa que estava me incomodando com as refatorações desse curso para o uso do useQuery do Apollo Client é que estávamos perdendo a propriedade isLoading que o useQuery do React Query disponibilizava e que usávamos para renderizar um componente de loading enquanto a consulta não finalizava.

Durante este último desafio sugerido, resolvi dar uma fuçada na documentação do hook e descobri que há sim uma propriedade semelhante e de nome bem parecido: loading. Então, para continuar aproveitando a lógica de loading que havia anteriormente no código, podemos fazer:

const { data, loading: carregandoDestaques } = useQuery<{ destaques: { lancamentos: ILivro[], maisVendidos: ILivro[] } }>(OBTER_DESTAQUES)

E substituir carregandoLancamentos e carregandoMaisVendidos por carregandoDestaques.

2 respostas
solução!

Salve, Matheus!

Boa sacada ;)

A idea do desafio é justamente o momento para experimentar e ir além!

Mais pra frente no curso, na aula 5, veremos juntos um pouco mais sobre o loading.

Bons estudos!

Acabei sofrendo por antecipação, haha. Valeu Vinny!