Can I use this for server-side pagination with Cloudflare D1?

Absolutely. The skill includes specific templates for Cloudflare Workers and D1 database query patterns for pagination, filtering, and sorting.

How do I prevent infinite re-renders with TanStack Table?

The skill enforces the use of useMemo and stable references for data and column definitions, which are the primary solutions to common re-render loops.

Does this skill support TanStack Table v8?

Yes, it is specifically optimized for TanStack Table v8 (formerly React Table) and includes patterns for the latest stable releases.

How does it handle large datasets?

It provides implementation patterns for TanStack Virtual, allowing you to render 10,000+ rows efficiently by only rendering the rows visible in the viewport.

Is it compatible with shadcn/ui?

Yes, it includes guidance for integrating headless table logic with shadcn/ui components and Tailwind CSS v4 styling.

TanStack Table & Data Grids

Name: TanStack Table & Data Grids
Author: secondsky

bysecondsky

•

Design Tools

Builds high-performance, headless data tables with server-side pagination, filtering, and sorting for React and Cloudflare environments.

This skill enables the creation of production-ready, headless data tables using TanStack Table v8, specifically optimized for Cloudflare Workers and D1 database integrations. It provides standardized patterns for complex table requirements like server-side state synchronization, TanStack Query coordination, and performance optimization via virtualization for datasets exceeding 10,000 rows. Whether migrating from legacy table libraries or building new data-intensive dashboards, it ensures type-safe column configurations and prevents common pitfalls like infinite re-renders or URL state sync errors.

Key Features

01Server-side pagination, filtering, and sorting patterns

0221 GitHub stars

03Controlled table state management with TanStack Query coordination

04High-performance virtualization for large datasets using TanStack Virtual

05Seamless integration with Cloudflare Workers and D1 databases

06Ready-to-use templates for shadcn/ui and Tailwind CSS v4

Use Cases

01Building administrative dashboards with complex data filtering and sorting

02Optimizing frontend performance for tables with tens of thousands of rows

03Implementing server-side paginated tables backed by Cloudflare D1

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add secondsky/claude-skills tanstack-table

For use in Claude.ai and ChatGPT

Download Skill