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-query-tutorial mockapi.io: https://mockapi.io/ Siga a gente em nossas redes sociais: Instagram: @coffstack https://www.instagram.com/coffstack/ Twitter: @coffstack https://twitter.com/coffstack Blog: https://blog.coffstack.com/ Instagram: @lucasgar6 https://www.instagram.com/lucasgar6/ Music from Uppbeat (free for Creators!): https://uppbeat.io/t/ra/let-good-times-roll 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