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
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React Query Tutorial em TypeScript - Queries, Mutations e Query Invalidation», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.