svelte/compose-with-tanstack-pacer

What problem does it solve?

This Skill prevents high-frequency UI events from flooding a TanStack Svelte table with excessive state writes and re-renders.

Core Features & Use Cases

• Debounce hot filter paths: Debounces column filter input commits and optional global filter commits while keeping the input responsive with local state.
• Throttle expensive resize side effects: Uses throttling to limit work triggered by continuous column resizing (especially when resizing triggers persistence, analytics, or server-side updates).
• Avoid common performance pitfalls: Ensures pacer instances are created once at component-init scope and helps avoid double-committing immediate updates plus pacer commits.

Use case example: In a server-side filtered datagrid, debounce column filter keystrokes to avoid request storms and throttle resizing persistence so dragging a column doesn’t overwhelm the CPU or backend.

Quick Start

Use the svelte/compose-with-tanstack-pacer skill to wire createDebouncer and createThrottler into your @tanstack/svelte-table filter input and column resizing handlers.