TanStack React Query v5 — Полное руководство (Настройка, мутации, бесконечная загрузка, оптимисти...
Coding in Flow
0:00 / 0:00
TanStack React Query v5 — Полное руководство (Настройка, мутации, бесконечная загрузка, оптимисти...
26 969 просмотров · 1 год назад
Coding in Flow
290 тыс. подписчиков
26 969 просмотров · 1 год назад
Изучите и освойте TanStack React Query v5 с помощью этого видео! Включая useQuery, useInfiniteQuery, useMutation, оптимистичные обновления и многое другое.
Начальный код: https://github.com/codinginflow/react...
Завершенный проект: https://github.com/codinginflow/react...
⭐ Пройдите мой курс по разработке на Next.js с использованием Express и TypeScript: https://codinginflow.com/nextjs
✅ Пройдите мой бесплатный курс по лучшим практикам React: https://www.codinginflow.com/reactbes...
💌 Подпишитесь на мою рассылку, чтобы получать регулярные советы по веб-разработке: https://codinginflow.com/newsletter
💬 Присоединяйтесь к нашему сообществу разработчиков в Discord: https://codinginflow.com/discord
📣 Следите за Coding in Flow в социальных сетях:
Twitter: / codinginflow
Instagram: / codinginflow
TikTok: / codinginflow
Facebook: / codinginflow
Временные метки:
0:00 - Что такое React Query и почему его следует использовать?
4:05 - Начальный код
6:21 - Почему не следует использовать fetch в useEffect
19:15 - Установка и настройка React Query (queryClient, QueryClientProvider, React Query Devtools)
24:02 - Базовое использование useQuery, лучшие практики queryKey, повторные попытки при ошибках
36:24 - Поиск с помощью React Query (debounced)
43:46 - Бесконечная загрузка (useInfiniteQuery)
56:19 - Пользовательский хук
57:46 - Мутации (useMutation), invalidateQueries
1:09:27 - Обновление кеша (setQueryData, InfiniteData)
1:19:35 - Оптимистичные обновления (onMutate), откат ошибок