Frontend Toolkit

๋ฐ˜๋ณต๋˜๋Š” ์ฝ”๋“œ๋Š” ์ค„์ด๊ณ , ํ•ต์‹ฌ ๋กœ์ง์—๋งŒ ์ง‘์ค‘ํ•˜์„ธ์š”.

ํŠน์ง•

  • โœ… ์„ ์–ธ์  API - ๊ตฌํ˜„ ์„ธ๋ถ€์‚ฌํ•ญ ์—†์ด ์˜๋„๋งŒ ํ‘œํ˜„
  • โœ… ํƒ€์ž… ์ž๋™ ์ถ”๋ก  - ์ œ๋„ค๋ฆญ์œผ๋กœ ํƒ€์ž… ๋ช…์‹œ ๋ถˆํ•„์š”
  • โœ… Zero Config - ์„ค์น˜ ํ›„ ๋ฐ”๋กœ ์‚ฌ์šฉ
// ๋ณด์ผ๋Ÿฌํ”Œ๋ ˆ์ดํŠธ ์—†์ด ํ•œ ์ค„๋กœ
const debouncedValue = useDebounce(value, 300);

ํŒจํ‚ค์ง€

@frontend-toolkit-js/hooks

ํ›…์„ค๋ช…
useDebounce๊ฐ’ ๋””๋ฐ”์šด์‹ฑ
useDebouncedCallback์ฝœ๋ฐฑ ๋””๋ฐ”์šด์‹ฑ (leading, trailing, maxWait ์˜ต์…˜)
useCalendar๋‹ฌ๋ ฅ ๋ฐ์ดํ„ฐ ๋ฐ ๋„ค๋น„๊ฒŒ์ด์…˜
useIsMounted๋งˆ์šดํŠธ ์ƒํƒœ ํ™•์ธ
useQueryParamsURL ์ฟผ๋ฆฌ ํŒŒ๋ผ๋ฏธํ„ฐ ๊ด€๋ฆฌ
useFunnel๋‹จ๊ณ„๋ณ„ UI ํ๋ฆ„ (ํผ๋„)

@frontend-toolkit-js/components

์ปดํฌ๋„ŒํŠธ์„ค๋ช…
InViewTrigger๋ทฐํฌํŠธ ์ง„์ž…/์ดํƒˆ ๊ฐ์ง€
SuspenseBoundarySuspense + ErrorBoundary ํ†ตํ•ฉ
ErrorBoundary์—๋Ÿฌ ๊ฒฝ๊ณ„ ์ฒ˜๋ฆฌ

์„ค์น˜

pnpm add @frontend-toolkit-js/hooks @frontend-toolkit-js/components

๋‹ค์Œ ๋‹จ๊ณ„

๋งํฌ

์‹œ์ž‘ํ•˜๊ธฐ