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

Подробнее о сообществе:

Карта контента:

Мой telegram канал:

Исходники:

Это самый полный курс по 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:20:25 - 21. САМОЕ ГЛАВНОЕ ПРАВИЛО ИНТЕГРАЦИИ TANSTACK-QUERY
03:23:46 - 22. Реализация offline режима. PWA + Persist storage
03:41:11 - 23. Работа с suspece и префетчинг
04:14:13 - 24. Выводы

[igorsenichev]

Огромное спасибо за такие видео!!! Было бы вооще сногсшибательно, если бы вы сделали выпуск про комбинацию Zustand и React-query. Прям был бы безумно благодарен вам!
Творческих успехов и дальнейших ростов и выпусков таких классных видео! Благодарю!

[MaDKnighT]

Это божественно! Наконец-то смогу в прод затащить этот полезный инструмент

[tanercoder]

Оуоуоу. Я еще редак курс допрохожу, а здесь такое! Кайф.

[Айбек-ге]

очень крутое начало, добавил в избранные, спасибо за курс, надеюсь не удалите )

[evgenym.]

Однозначно это очень мощный и объемный курс, которому нет аналогов 👍

[MaksimZhatkin]

Очень вовремя, только победил все лекции по редаксу и решил пилить проект на этой либе. Спасибо!

[typlomi]

Спасибо, как раз внедряю react query в проект)

[Миллениалка]

Очень крутой выпуск, спасибо большое! Искала в нем ответ на свой вопрос но не нашла, может быть подскажете какую то бест практику) как обработать ошибку самого первого упавшего запроса и при этом продолжать делать retry по нему. в рамках 17го реакта) судя по доке либа не зареджектит промис и не вернет ошибку из функции пока идут перезапросы

[КосАн-ия]

Самое главное обновлять темы, даже если они уже есть на где-то у кого-то

[ReturnMeVoid]

большое спасибо за обширный труд! только уши режет то, насколько часто ты говоришь "как говорится"))

[sashapticin]

Какой командой ты переименовываешь названия?
Не знал что так можно, скопом сразу переименовать во всех местах, так еще и деструктуризацию сам добавит) посмотрел, у меня базово на f2. Ты под себя поменял?

[МаринаНовикова-чш]

Привет! спасибо за видео! Можешь пожалуйста скинуть исходники ?

[danilka]

а как вы будите проверять, что прошла ошибка json, а не запроса?)

[romanlebedenko]

Это анти паттерн когда useTodoList custom hook возвращает JSX

А в целом курс хорош, в русско-язычном интернете не встречал подобных

[РоманГонтарь-шр]

а если над useSuspenseQuery будет несколько suspense, то показываться будет ближайший в дереве ?

[kokoc]

Без пагинации оптимистичное обновление не очень понятно. Если у нас 100500 мильёнов тудушек, как оптимистично обновить не запрашивая все данные?!

[baileysli]

Даже на англотубе лучше не находил материала

[Kiyanti]

React query за 10 минут? Не, банально, а вот за 10 часов...