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 и итоги