Tanstack query (react-query) полный курс 2024

Подробнее о сообществе:
https://paromovevg.ru/evolution-commu...

Карта контента:
https://evocomm.space/map

Мой telegram канал:
https://t.me/cleanfrontend

Исходники:
https://github.com/EvgenyParomov/tans...

Это самый полный курс по tanstack query на русскоязычном youtube.

В этом видео мы разберём:

Как делать запросы, пагинацию, infinity scroll, optimistic update, обновлять после мутаций, как интегрировать с Redux, запускать мутации вне компонентов, объединять данные из Redux и Tanstack query. Как делать offline mode и suspence

00:00:00 - 01. Приветствие
00:01:42 - 02. Зачем нужен Tanstack-query
00:09:48 - 03. Инициализация проекта
00:16:23 - 04. Базовый пример запроса
00:22:30 - 05. Добавляем сервер
00:30:01 - 06. Добавляем стили
00:33:22 - 07. Запросы к серверу
00:43:51 - 08. Stale Time Vs gcTime [ВАЖНО]
00:50:08 - 09. placeholderData и keepPreviusData
00:56:17 - 10. папаметр Enabled и разница между isLoading, isFetching, isPending.
01:03:26 - 11. Реализация бесконечного скролла
01:14:26 - 12. queryOptions. [ВАЖНО]
01:19:13 - 13. Создаём обёртку над fetch
01:24:48 - 14. Кастомный хук useTodoList
01:28:47 - 15. Базовая работа с мутациями. Создание задачи
01:56:40 - 16. Pissimistic update. Удаление задачи
02:07:45 - 17. Optimistic update. Обновление задачи
02:25:07 - 18. Интеграция с Redux. Вызов мутаций за пределами компонента
03:01:56 - 19. Remove queries vs Reset queries. Типичная ошибка реализации logout
03:06:15 - 20. Обращаемся к кэшу вне к компонента. queryClient.fetchQuery
03:20:25 - 21. САМОЕ ГЛАВНОЕ ПРАВИЛО ИНТЕГРАЦИИ TANSTACK-QUERY
03:23:46 - 22. Реализация offline режима. PWA + Persist storage
03:41:11 - 23. Работа с suspece и префетчинг
04:14:13 - 24. Выводы