juliencrn/usehooks-ts
TypeScript로 작성된 React 훅 라이브러리, 즉시 사용 가능한 30개 이상의 실전 훅 모음
7,829+0이번 주45631TypeScript
데모·홈페이지 열기usehooks-ts.com중간맛 분석
스택: React, TypeScript, ESM (tree-shakable)
난이도: 매우 쉬움 — 설치 후 import하면 바로 사용 가능합니다.
바로 쓸 수 있음: 네. useLocalStorage, useDarkMode, useCounter, useDebounceValue 등 30개 훅이 즉시 실전 투입 가능하며 프로덕션 환경에서 검증됨.
주요 사용 예: const [value, setValue] = useLocalStorage('key', 0) — 한 줄로 로컬 스토리지 상태 관리 완료.
이런 레포예요
이럴 때 쓰면 좋아요
- 로컬 스토리지/세션 스토리지를 이용한 폼 상태 영속화
- 창 크기/미디어쿼리 감지로 반응형 UI 구현
- 복잡한 상태 로직(카운트, 토글, 스텝) 간단하게 처리
핵심 기능
30개 이상의 프로덕션 검증된 React 훅완전 tree-shakable ESM 기반(번들 크기 최소화)TypeScript 완벽 지원 및 광범위한 테스트 커버리지
대안 대비 차별점
TypeScript-first 설계로 개발자 경험을 극대화하면서도 완전 tree-shakable하여 번들 페널티를 거의 없앤 점이 특징입니다.
준비물
- React 16.8 이상 (Hooks 지원)
- TypeScript (선택사항이지만 권장)
바로 시작하기
- 패키지 설치
npm i usehooks-ts
- React 컴포넌트에서 훅 import 및 사용
import { useLocalStorage } from 'usehooks-ts'
function Component() {
const [value, setValue] = useLocalStorage('my-localStorage-key', 0)
// ...
}
별 추이 · 7일
7,829+0 / 7일
활용성 · 따라 만들기 좋은가
샘플 점수 20/100
- 관대한 라이선스
- 테스트 있음
- 예제 디렉토리
- 최근 활동
- AGENTS.md
- llms.txt
- 템플릿
⚪ 최근 활동 정보 없음 · 2020년 생성
AI가 README 기반으로 요약했습니다 · 원문 보기