Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

React / TanStack Query за 45 минут - теория, практика, интеграция SSR.

Автор: senior_zone

Загружено: 2025-02-20

Просмотров: 2640

Описание:

В этом видео мы поговорим о проблемах парадигмы глобального состояния, как эти проблемы решает серверное состояние и на практике разберем этот подход и напишем приложение с использованием TanStack / React Query.

Telegram - https://t.me/senior_zone
Ссылка на исходный код (с навигацией по коммитам) - https://github.com/senior-zone/tsquery

00:00 - Теория
04:17 - Структура видео
05:22 - Обзор учебного проекта
07:12 - QueryClient и Provider
07:51 - useQuery
09:02 - queryKey
09:45 - queryFn
10:10 - Из чего состоит query
10:34 - Статусы query
11:13 - isFetching vs isPending
13:32 - Получаемые данные / ошибки
14:08 - useMutation
15:34 - Добавляем реактивность
16:01 - Сайд-эффекты
16:45 - Инвалидация кэша
18:01 - setQueryData
19:39 - Добавляем задержку и шанс ошибки запросу
20:24 - Optimistic Updates
21:39 - Оптимистичные обновления через Mutation Variables
23:00 - Оптимистичные обновления через работу с кэшем
25:15 - Оптимистичные обновления и ошибки сервера
25:39 - rollback
27:06 - Пагинация
28:34 - queryKey dependency
29:10 - Лаги UI
30:00 - placeholderData
31:39 - Server-Side Rendering
32:28 - ReactQuery DevTools
33:20 - Инициализация QueryClient в стейте приложения
34:00 - staleTime
35:53 - gcTime
36:13 - Активные и инактивные query
37:00 - Подключаем SSR: initialData
38:04 - Подключаем SSR: prefetch и Hydration API
40:56 - Рассуждения о Server State, Global State и итоги

React / TanStack Query за 45 минут - теория, практика, интеграция SSR.

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#8798 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "b-MdbHtNDp4" ["related_video_title"]=> string(121) "React Query (Tanstack query) 2025 - как в Яндекс Путешествиях | полный курс на StackDev" ["posted_time"]=> string(27) "6 месяцев назад" ["channelName"]=> string(31) "Василий Муравьев" } [1]=> object(stdClass)#8771 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "DmIpnO5Zgpw" ["related_video_title"]=> string(49) "Аутентификация. Сессии и JWT" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(11) "senior_zone" } [2]=> object(stdClass)#8796 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "dRgz2YVhQrU" ["related_video_title"]=> string(85) "Frontend Roadmap 2025 - от стажера до Middle+. Матрица знаний" ["posted_time"]=> string(25) "2 месяца назад" ["channelName"]=> string(11) "senior_zone" } [3]=> object(stdClass)#8803 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "etC5TVVsAA4" ["related_video_title"]=> string(77) "NEXT JS 15 с НУЛЯ за 90 минут — ПОЛНЫЙ КУРС 2025!" ["posted_time"]=> string(21) "5 дней назад" ["channelName"]=> string(9) "RED Group" } [4]=> object(stdClass)#8782 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "r_tOrjCU88c" ["related_video_title"]=> string(67) "Next.js 13 App Router - базовый курс за 40 минут." ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(11) "senior_zone" } [5]=> object(stdClass)#8800 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "3fDRrOHIDiI" ["related_video_title"]=> string(173) "Валерий Баранов — React Query в деле: как Яндекс Командировки уже три года живут без state-менеджера" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(80) "HolyJS — конференция для JavaScript‑разработчиков" } [6]=> object(stdClass)#8795 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "_3eyfF_iJMY" ["related_video_title"]=> string(71) "Курс React Query за 40 минут! TanStack Query v5 | RED Course" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(11) "RED Group +" } [7]=> object(stdClass)#8805 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "KFgwXXWT7sQ" ["related_video_title"]=> string(170) "ИИ-агенты — вот что действительно изменит разработку. Пишем ИИ-агент на Python, LangChain и GigaChat" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> string(29) "Диджитализируй!" } [8]=> object(stdClass)#8781 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "K5-a-wjURrc" ["related_video_title"]=> string(55) "Tanstack query (react-query) полный курс 2024" ["posted_time"]=> string(27) "8 месяцев назад" ["channelName"]=> string(41) "Евгений Паромов | Front-end" } [9]=> object(stdClass)#8799 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "8K1N3fE-cDs" ["related_video_title"]=> string(31) "React Query - Complete Tutorial" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(16) "Cosden Solutions" } }
React Query (Tanstack query) 2025 - как в Яндекс Путешествиях | полный курс на StackDev

React Query (Tanstack query) 2025 - как в Яндекс Путешествиях | полный курс на StackDev

Аутентификация. Сессии и JWT

Аутентификация. Сессии и JWT

Frontend Roadmap 2025 - от стажера до Middle+. Матрица знаний

Frontend Roadmap 2025 - от стажера до Middle+. Матрица знаний

NEXT JS 15 с НУЛЯ за 90 минут — ПОЛНЫЙ КУРС 2025!

NEXT JS 15 с НУЛЯ за 90 минут — ПОЛНЫЙ КУРС 2025!

Next.js 13 App Router - базовый курс за 40 минут.

Next.js 13 App Router - базовый курс за 40 минут.

Валерий Баранов — React Query в деле: как Яндекс Командировки уже три года живут без state-менеджера

Валерий Баранов — React Query в деле: как Яндекс Командировки уже три года живут без state-менеджера

Курс React Query за 40 минут! TanStack Query v5 | RED Course

Курс React Query за 40 минут! TanStack Query v5 | RED Course

ИИ-агенты — вот что действительно изменит разработку. Пишем ИИ-агент на Python, LangChain и GigaChat

ИИ-агенты — вот что действительно изменит разработку. Пишем ИИ-агент на Python, LangChain и GigaChat

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

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

React Query - Complete Tutorial

React Query - Complete Tutorial

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]