본문으로 건너뛰기

소개

Windowing Kit은 리스트 가상화와 무한 스크롤을 위한 고성능 React 라이브러리 모음입니다.

패키지​

@windowing-kit/virtual-list​

대용량 리스트를 효율적으로 렌더링하기 위해 보이는 아이템만 렌더링하는 고성능 가상화 리스트 Hook입니다.

@windowing-kit/infinite-scroll​

Intersection Observer API를 사용하여 사용자가 스크롤할 때 자동으로 더 많은 데이터를 로드하는 무한 스크롤 Hook입니다.

설치​

필요한 패키지를 설치하세요:

# Virtual List
npm install @windowing-kit/virtual-list
# 또는
pnpm add @windowing-kit/virtual-list

# Infinite Scroll
npm install @windowing-kit/infinite-scroll
# 또는
pnpm add @windowing-kit/infinite-scroll

요구사항​

  • React 18.0.0 이상
  • TypeScript 5.0 이상 (타입 정의 사용 시)

라이센스​

MIT