tanstack-pacer

Control function execution timing with debouncing, throttling, and rate limiting.

Updated Apr 14, 2026
One-click install
npx skills add https://github.com/iEnergyy/opsflow --skill tanstack-pacer-ienergyy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tanstack-pacer
Source: https://github.com/iEnergyy/opsflow/tree/main/.agents/skills/tanstack-pacer
Command: npx skills add https://github.com/iEnergyy/opsflow --skill tanstack-pacer-ienergyy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a cohesive, type-safe toolkit to control function execution timing, reducing redundant calls and stabilizing interactive flows across applications.

Core Features & Use Cases

  • Debouncing: delay execution until activity pauses, improving input handling.
  • Throttling: limit executions within a time window for scrolls, resizes, and events.
  • Rate Limiting: cap total invocations to protect APIs and critical paths.
  • Queuing & Batching: serialize and batch work for efficient processing.
  • Async Variants & React Hooks: integrate with async workflows and React components for ergonomic usage.
  • Guidance: choosing the right utility, edge-case considerations, and performance tips.

Quick Start

Install the pacing packages and integrate the utilities to debounce inputs, throttle events, and batch work in your app.

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 user input events in a React application?

You can debounce and throttle user input events in React using provided React hooks that delay execution until activity pauses or limit executions within a time window, stabilizing interactive flows and reducing redundant API calls.

What is the best way to rate limit function invocations to protect critical API paths?

The best way to rate limit function invocations is applying a dedicated rate limiting utility that caps total invocations over a defined period, protecting critical API paths and preventing redundant executions across frontend and business logic.

How do I batch and serialize async tasks in a data processing pipeline?

You can batch and serialize async tasks in a data processing pipeline using the queuing and batching utilities, which serialize work and group executions for efficient processing alongside configurable concurrency options.

Does this timing toolkit support class-based APIs and factory functions without React?

Yes, this timing toolkit supports class-based APIs and factory functions without React, allowing you to apply debouncing, throttling, and rate limiting across frontend and business logic scenarios independently of React hooks.

When should I use leading and trailing options for throttling scroll events?

You should use leading and trailing options for throttling scroll events to control whether the function fires immediately at the start of the wait window or after the final invocation, ensuring deterministic execution for rapid UI updates.

How do I choose between debouncing and throttling for search inputs?

Choose debouncing for search inputs to delay execution until typing pauses, improving input handling, whereas throttling limits executions within a time window, making it better suited for continuous scroll and resize events.