intermediate

React Query / TanStack Query

Используйте примитивы server state для query keys, времени жизни кэша, mutations, инвалидации и повторов.

TanStack Query (React Query) отделяет server state от UI state. `useQuery` загружает и кэширует по key; `useMutation` обрабатывает записи с lifecycle hooks. Встроенный stale-while-revalidate, повторы, помощники пагинации и devtools сокращают самописный код на effects.

Настройте `QueryClient` с дефолтами, prefetch при навигации и `queryClient.invalidateQueries` после мутаций. Селекторы сужают подписку на данные, чтобы реже вызывать render.

На интервью объясняйте концепцию на конкретном примере и называйте поведение, которое проверяют.

Типовые ошибки: скрывать поток данных, дробить компоненты чрезмерно и выполнять побочные эффекты в render.

Компромисс часто между ясностью и переиспользованием или между явными props и удобством.

Чеклист:

Query key иерархически описывают ресурсы.
Мутации явно инвалидируют или обновляют кэш.
Разделяйте server state и локальный UI state.