Resilient
Online

네트워크 환경에 맞게
일관된 경험을 제공하는 React 라이브러리

열악한 네트워크 상황을 일관되게 처리하도록 설계된 핵심 React 훅 세트입니다. 이미지 최적화, 폴링 관리, 오프라인 요청 큐잉을 간편하게 처리하세요.

시작하기npm i react-resilient-hooks

핵심 훅

네트워크 복원력을 위한 4가지 강력한 훅

📡

useNetworkStatus

연결 유형, 속도, 온라인/오프라인 상태를 포함한 실시간 네트워크 정보를 제공합니다.

Loading...
자세히 보기
🖼️

useAdaptiveImage

네트워크 속도에 따라 자동으로 이미지 품질을 선택합니다. 2G에서는 저해상도, 4G에서는 고해상도 이미지를 제공합니다.

High 품질
600px
자세히 보기
🔄

useAdaptivePolling

네트워크 상태에 따라 폴링 주기를 조절하는 스마트 폴링. 오프라인시 일시정지, 좋은 연결에서는 더 빠르게.

주기: 5s
0
자세히 보기
📤

useBackgroundSync

오프라인 상태에서 요청을 큐에 저장하고 연결이 복구되면 동기화합니다. 데이터 손실 없이.

동기화 중

대기열 (0)

완료 (0)

자세히 보기

왜 @resilient인가요?

🎯

핵심에 집중

꼭 필요한 것만. 불필요한 추상화 없이.

📝

TypeScript

완전한 타입 안전성과 포괄적인 타입 정의.

🪶

경량

의존성 제로. 작은 번들 크기.

💾

오프라인 우선

진정한 오프라인 지원을 위한 IndexedDB 영속성 내장.

견고한 앱을 만들 준비가 되셨나요?

간단한 API로 몇 분 만에 시작하세요.

npm install react-resilient-hooks
문서 읽기