React hooks for better DX with type safety
npm install @frontend-toolkit-js/hooks타입 안전하고 선언적인 React 훅 라이브러리


``bash`
npm install @frontend-toolkit-js/hooksor
pnpm add @frontend-toolkit-js/hooksor
yarn add @frontend-toolkit-js/hooks
- ✅ TypeScript strict mode 100%
- ✅ 제네릭으로 타입 자동 추론
- ✅ Tree-shaking 지원
- ✅ 자동 cleanup (메모리 누수 방지)
달력 데이터와 네비게이션을 제공합니다. UI는 완전히 사용자가 제어합니다.
`tsx
import { useCalendar } from '@frontend-toolkit/hooks';
function Calendar() {
const cal = useCalendar({ weekStartsOn: 1 }); // 월요일 시작
return (
옵션:
defaultDate, weekStartsOn (0=일요일, 1=월요일)반환값:
days, weekdays, currentDate, prev, next, today, setDate개발 예정
-
useDebounce - 디바운스된 값 반환
- useBoolean - boolean 상태 관리
- useLocalStorage - 타입 안전한 localStorage
- useFetch - 선언적 데이터 페칭TypeScript
모든 훅은 TypeScript로 작성되었으며 타입이 자동으로 추론됩니다.
`tsx
const cal = useCalendar();
// ^? { days: CalendarDay[], weekdays: Weekday[], ... }
``- 모던 브라우저 (ES2020+)
- React 18+
MIT © rak517