Repolode
Предложить
vercel

vercel/swr

Библиотека React Hooks для загрузки данных: сначала возвращает данные из кэша, а затем обновляет их в фоновом режиме.

Открыть на GitHubСайт
Звёзды
32,496
Форки
1,401
Открытые issues
241
Последний коммит
5 дней назад

Что это?

SWR — библиотека React Hooks для загрузки данных. Название происходит от stale-while-revalidate — стратегии кэширования из HTTP RFC 5861: хук сначала возвращает данные из кэша (устаревшие), отправляет запрос для их проверки и затем обновляет компонент актуальным результатом.

Достаточно вызвать один хук — `useSWR` — и передать ему ключ (обычно URL API) и функцию fetcher. Он возвращает `data`, `error` и `isLoading`, а компонент перерисовывается при изменении данных. В качестве fetcher подойдёт любая асинхронная функция, поэтому для загрузки данных можно использовать свою библиотеку.

В библиотеке есть встроенный кэш с дедупликацией запросов, повторная проверка данных при возвращении фокуса и восстановлении сети, периодический опрос, вспомогательные функции для пагинации, поддержка SSR и SSG, оптимистичное локальное обновление, повторные попытки при ошибках, типы TypeScript и поддержка React Suspense. Библиотека также работает с React Native.

Ключевые возможности

  • 01Встроенный кэш с дедупликацией запросов
  • 02Повторная проверка данных при возвращении фокуса и восстановлении сети
  • 03Периодический опрос и обновление данных в реальном времени
  • 04Оптимистичное локальное обновление для мгновенного обновления интерфейса
  • 05Поддержка SSR, SSG, TypeScript и React Suspense

Сценарии использования

  • Загрузка и кэширование данных API в приложении на React или Next.js
  • Поддержание актуальности дашбордов и лент с помощью периодического опроса или повторной проверки данных
  • Создание оптимистичных интерфейсов для форм и редактирования данных
  • Общий доступ к данным между компонентами приложения на React Native

Темы

#react#data-fetching#hooks#cache#typescript#nextjs#react-native#data#fetch#hook

Частые вопросы

Что такое swr?
Библиотека React Hooks для загрузки данных: сначала возвращает данные из кэша, а затем обновляет их в фоновом режиме. SWR — библиотека React Hooks для загрузки данных. Название происходит от stale-while-revalidate — стратегии кэширования из HTTP RFC 5861: хук сначала возвращает данные из кэша (устаревшие), отправляет запрос для их проверки и затем обновляет компонент актуальным результатом.
swr можно использовать бесплатно? Какая у него лицензия?
swr распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
swr всё ещё поддерживается?
Активно поддерживается. Последний коммит в swr — 16 окт. 2026 г..
Для чего можно использовать swr?
Загрузка и кэширование данных API в приложении на React или Next.js Поддержание актуальности дашбордов и лент с помощью периодического опроса или повторной проверки данных Создание оптимистичных интерфейсов для форм и редактирования данных Общий доступ к данным между компонентами приложения на React Native
Где скачать swr?
Исходный код и инструкции по установке — на GitHub: https://github.com/vercel/swr

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты