React / TanStack Query за 45 минут - теория, практика, интеграция SSR.
В этом видео мы поговорим о проблемах парадигмы глобального состояния, как эти проблемы решает серверное состояние и на практике разберем этот подход и напишем приложение с использованием 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 и итоги
