tanstack-pacer

Coordinate debouncing, throttling, rate limiting, queuing, and batching with TypeScript APIs.

29|2|Updated Jan 25, 2026
One-click install
npx skills add https://github.com/tanstack-skills/tanstack-skills --skill tanstack-pacer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tanstack-pacer
Source: https://github.com/tanstack-skills/tanstack-skills/tree/main/plugins/tanstack-pacer/skills/tanstack-pacer
Command: npx skills add https://github.com/tanstack-skills/tanstack-skills --skill tanstack-pacer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Coordinating and optimizing function execution timing across UI and data workflows with a single, type-safe toolkit for debouncing, throttling, rate limiting, queuing, and batching.

Core Features & Use Cases

  • Debouncing: delay execution until after inactivity.
  • Throttling: limit executions to a defined rate.
  • Rate limiting, Queuing, Batching: serialize work and batch for efficiency.
  • React hooks and factory/class APIs enable flexible integration across frameworks and apps.

Quick Start

Create a Debouncer instance to delay execution until user input settles, then perform the action.

Frequently Asked Questions about tanstack-pacer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I debounce and throttle function calls in a React application?▼

Debouncing and throttling in React is handled via built-in hooks that delay execution until activity settles or limit executions to a defined rate, providing type-safe timing control for interactive UI workflows.

What is the best way to batch data-fetching pipelines and limit API request rates in TypeScript?▼

Batching data-fetching pipelines and limiting API request rates is managed by centralizing rate limiting, queuing, and batching into a single toolkit, serializing work and batching executions for optimal resource control.

Does this timing control toolkit work without React, or is it framework-agnostic?▼

This timing control toolkit is entirely framework-agnostic, providing both class-based and factory-based APIs alongside React hooks to allow flexible integration across various frameworks and interactive applications.

How do I configure concurrency and maxWait options for a rate limiter queue?▼

Configuring concurrency and maxWait for a rate limiter queue is done through configurable options passed to the timing controls, defining the execution window, limit, and wait behavior for robust resource management.

When should I use leading and trailing options for throttling user input?▼

Leading and trailing options for throttling user input should be used when you need precise control over execution timing at the start and end of a wait period, ensuring immediate responsiveness while preserving trailing executions.