본문으로 건너뛰기

함수: useBatchedCallback()

function useBatchedCallback<TValue>(fn, options): (item) => void;

정의 위치: preact-pacer/src/batcher/useBatchedCallback.ts:40

콜백 함수의 배칭된 버전을 생성하는 Preact 훅입니다. 이 훅은 기본 batch 함수를 래핑합니다. 이 함수는 @tanstack/pacer에서 내보내지만, 반응형 옵션과 안정적인 함수 참조를 활용하도록 Preact에 최적화되어 있습니다.

배칭된 함수는 개별 호출을 배치로 모아 배치 조건(최대 크기 도달, 대기 시간 경과 또는 사용자 지정 로직)이 충족되면 실행합니다.

이 훅은 useBatcher보다 간단한 API를 제공하므로 기본적인 배칭 요구 사항에 적합합니다. 그러나 내부 Batcher 인스턴스는 노출하지 않습니다.

다음과 같은 고급 기능이 필요하다면:

  • 수동 배치 실행
  • 배치 상태 및 메트릭 접근
  • 사용자 지정 useCallback 의존성

useBatcher 훅 사용을 고려합니다.

타입 매개변수​

TValue​

TValue

매개변수​

fn​

(items) => void

options​

PreactBatcherOptions&lt;TValue, { }>

반환값​

(item): void;

매개변수​

item​

TValue

반환값​

void

예시​

// Batch analytics events
const trackEvents = useBatchedCallback((events: AnalyticsEvent[]) => {
  sendAnalytics(events);
}, {
  maxSize: 5,    // Process when 5 events collected
  wait: 2000     // Or after 2 seconds
});

// Use in event handlers
<button onClick={() => trackEvents({ type: 'click', target: 'button' })}>
  Click me
</button>