intermediate
SWR
Применяйте stale-while-revalidate с cache keys, revalidation, mutation и обновлением при фокусе окна.
SWR загружает по cache key и сразу возвращает кэшированные данные, параллельно делая revalidate в фоне. Refetch при фокусе, дедупликация и лёгкий API подходят для read-heavy дашбордов. `mutate` обновляет локальный кэш или запускает revalidate.
Сравнивайте с TanStack Query, если нужны богатые мутации или детальные деревья инвалидации. SWR хорошо сочетается с паттернами данных Next.js и простыми страницами чтения.
На интервью объясняйте концепцию на конкретном примере и называйте поведение, которое проверяют.
Типовые ошибки: скрывать поток данных, дробить компоненты чрезмерно и выполнять побочные эффекты в render.
Компромисс часто между ясностью и переиспользованием или между явными props и удобством.
Чеклист:
- Cache key идентифицирует ресурс fetcher.
- mutate для локальных обновлений кэша.
- Обрабатывайте error и isValidating в UI.