В этом видео мы разберем Tanstack query, он же react query от А до Я. Рассмотрим все основные возможности в деталях и на примерах. Исходный код тут - https://t.me/ulbi_tv/283 Пошаговое обучение с ИИ ментором - https://itbooster.ru Сообщество "Технари" + архитектурный контент - https://boosty.to/ulbitv Мой ТГ канал - https://t.me/ulbi_tv Вакансии в IT - https://t.me/+Cf8ezLjjm8JmNzky Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend Таймкоды: 00:00 ➝ Введение 01:10 ➝ Начало работы 02:50 ➝ Установка зависимостей и подключение React query 03:50 ➝ Первый запрос useQuery. Декомпозиция 06:50 ➝ Девтулзы react query 07:50 ➝ Состояние запроса. Обработка индикации загрузки. isPending, isFetching, isLoading 09:30 ➝ Глобальный индикатор загрузки данных 10:50 ➝ stale time. Устаревание данных 12:00 ➝ gc time 13:40 ➝ status, fetchStatus 15:20 ➝ error, isError. Retry, delay 17:50 ➝ Условный вызов запроса. Enadled + skipToken 19:00 ➝ Параллельные и последовательные запросы. Waterfall 21:00 ➝ useSuspenseQuery 23:30 ➝ useSuspenseQueries 25:10 ➝ useQueries 27:10 ➝ Работа с кешем. QueryKey, инвалидация, reset, refetch 32:00 ➝ Отмена запроса. cancelQueries 36:20 ➝ Short polling 39:15 ➝ InitialData + SSR 40:10 ➝ PlaceholderData + лайфхак с предпросмотром. getQueryData 45:00 ➝ getQueryData 48:00 ➝ Мутации. useMutation + работа с формой 52:00 ➝ onSuccess, onError, onSettled 53:40 ➝ Обновление списка после мутации. Инвалидация + queryClient 55:00 ➝ mutateAsync 56:20 ➝ Меняем кэш напрямую. setQueryData 01:02:50 ➝ Optimistic update. onMutate 01:07:50 ➝ useIsMutating. mutationKey 01:09:50 ➝ Пагинация. Постраничный вывод 01:17:20 ➝ Итоги, выводы, время ставить лайки и писать комментарии :) всем спасибо! Ссылка на мой телеграм канал - https://t.me/ulbi_tv Поддержать меня и мой канал вы можете по ссылкам ниже. Сообщество "Технари" + доп контент - https://boosty.to/ulbitv