Перейти к содержимому

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), откат ошибок