React Query Tutorial em TypeScript - Queries, Mutations e Query Invalidation

React Query é uma biblioteca utilizada para fazer fetch, cache e update de dados em aplicações React e React Native, sem a necessidade de um estado global (Redux ou Context API).

Nesse vídeo você aprenderá na prática os principais conceitos do React Query:

Queries: busca de dados através do hook useQuery.
Mutations: atualização de dados através do hook useMutation.
Query Invalidation: Mantenha suas queries sempre atualizadas de uma forma bem simples através do hook useQueryClient (queryClient.invalidateQueries).

Projeto feito todo em TypeScript e utilizando uma API real com dados mockados.

Repositório com o código completo: https://github.com/coffstack/react-qu...
mockapi.io: https://mockapi.io/


Siga a gente em nossas redes sociais:
Instagram: @coffstack   / coffstack  
Twitter: @coffstack   / coffstack  
Blog: https://blog.coffstack.com/

Instagram: @lucasgar6   / lucasgar6  

Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/ra/let-good-time...
License code: LHWJFHQ0OP4AANOG

00:00 - O que é o React Query?
01:56 - Apresentação do Projeto
02:28 - Criando API de teste (mockapi.io)
04:00 - Axios x React Query
04:53 - Busca de dados SEM o React Query
10:28 - Configurando React Query no projeto
12:21 - useQuery (Busca de dados COM o React Query)
16:35 - Devtools (debug no React Query)
17:58 - Preparando a UI para as Mutations
20:21 - Modificação de dados SEM o React Query
22:58 - useMutation (Modificação de dados COM o React Query)
26:00 - Query Invalidation (useQueryClient)
30:39 - Conclusão

#reactquery #typescript #reactjs #reactnative #javascript #usemutation #usequery #usequeryclient #javascript