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

•

디자인 도구

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.

주요 기능

Server-side pagination, filtering, and sorting patterns
21 GitHub stars
Controlled table state management with TanStack Query coordination
High-performance virtualization for large datasets using TanStack Virtual
Seamless integration with Cloudflare Workers and D1 databases
Ready-to-use templates for shadcn/ui and Tailwind CSS v4

사용 사례

Building administrative dashboards with complex data filtering and sorting
Optimizing frontend performance for tables with tens of thousands of rows
Implementing server-side paginated tables backed by Cloudflare D1

소개

주요 기능

Server-side pagination, filtering, and sorting patterns
21 GitHub stars
Controlled table state management with TanStack Query coordination
High-performance virtualization for large datasets using TanStack Virtual
Seamless integration with Cloudflare Workers and D1 databases
Ready-to-use templates for shadcn/ui and Tailwind CSS v4

사용 사례

Building administrative dashboards with complex data filtering and sorting
Optimizing frontend performance for tables with tens of thousands of rows
Implementing server-side paginated tables backed by Cloudflare D1