Repolode
제출하기
vercel

vercel/swr

캐시된 데이터를 먼저 반환한 뒤 백그라운드에서 재검증하는 React Hooks 데이터 페칭 라이브러리입니다.

GitHub에서 보기웹사이트
스타
32,496
포크
1,401
열린 이슈
241
마지막 커밋
5일 전

어떤 프로젝트인가요?

SWR은 데이터 페칭을 위한 React Hooks 라이브러리입니다. 이름은 HTTP RFC 5861의 캐시 전략인 stale-while-revalidate에서 유래했습니다. 훅은 먼저 캐시된(오래된) 데이터를 반환하고, 재검증 요청을 보낸 다음 최신 결과로 컴포넌트를 업데이트합니다.

키(대개 API URL)와 fetcher 함수를 인자로 `useSWR` 훅 하나를 호출하면 됩니다. `data`, `error`, `isLoading`을 반환하며, 데이터가 변경되면 컴포넌트가 다시 렌더링됩니다. fetcher에는 어떤 비동기 함수든 사용할 수 있으므로, 데이터 페칭에는 원하는 라이브러리를 사용할 수 있습니다.

요청 중복 제거 기능이 있는 내장 캐시, 포커스 및 네트워크 복구 시 재검증, 폴링, 페이지네이션 헬퍼, SSR 및 SSG 지원, 낙관적 로컬 변경, 오류 재시도, TypeScript 타입, React Suspense 지원을 제공합니다. React Native에서도 사용할 수 있습니다.

핵심 기능

  • 01요청 중복 제거 기능이 있는 내장 캐시
  • 02포커스 시 및 네트워크 복구 시 재검증
  • 03폴링 및 실시간 데이터 업데이트
  • 04즉각적인 UI 업데이트를 위한 낙관적 로컬 변경
  • 05SSR, SSG, TypeScript 및 React Suspense 지원

활용 사례

  • React 또는 Next.js 앱에서 API 데이터 페칭 및 캐싱
  • 폴링이나 재검증으로 대시보드 또는 피드 최신 상태 유지
  • 폼과 편집 기능에 낙관적 UI 구현
  • React Native 앱의 컴포넌트 간 데이터 공유

토픽

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

자주 묻는 질문

swr은(는) 무엇인가요?
캐시된 데이터를 먼저 반환한 뒤 백그라운드에서 재검증하는 React Hooks 데이터 페칭 라이브러리입니다. SWR은 데이터 페칭을 위한 React Hooks 라이브러리입니다. 이름은 HTTP RFC 5861의 캐시 전략인 stale-while-revalidate에서 유래했습니다. 훅은 먼저 캐시된(오래된) 데이터를 반환하고, 재검증 요청을 보낸 다음 최신 결과로 컴포넌트를 업데이트합니다.
swr은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
swr은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
swr은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. swr의 마지막 커밋은 2026년 10월 16일입니다.
swr은(는) 어디에 사용할 수 있나요?
React 또는 Next.js 앱에서 API 데이터 페칭 및 캐싱 폴링이나 재검증으로 대시보드 또는 피드 최신 상태 유지 폼과 편집 기능에 낙관적 UI 구현 React Native 앱의 컴포넌트 간 데이터 공유
swr은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/vercel/swr

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트