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.