Does it support complex features like column pinning?

Yes, it includes detailed patterns for row/column pinning, expanding nested data, and grouped row aggregations.

How does it handle performance for large datasets?

It provides implementation guides for @tanstack/react-virtual, allowing you to render thousands of rows efficiently by only rendering visible elements.

Does this skill support the latest version of React?

Yes, it is designed with React 19+ compatibility in mind, including patterns that prevent common state management and rendering issues in the latest versions.

Can I use this for server-side logic?

Absolutely. It includes specific patterns for Cloudflare Workers and D1 databases to handle pagination, sorting, and filtering on the backend.

What common errors does this skill help prevent?

The skill specifically targets 12 documented errors, including infinite re-render loops caused by unstable references and layout shifts in virtualized containers.

TanStack Table Master

Name: TanStack Table Master
Author: brendadeeznuts1111

bybrendadeeznuts1111

0•

開発者ツール

Builds high-performance, headless data tables with server-side pagination, virtualization, and native Cloudflare Workers + D1 integration.

This skill provides specialized guidance for implementing TanStack Table v8 in modern React applications. It excels at coordinating complex state for server-side pagination, sorting, and filtering, specifically optimized for Cloudflare Workers and D1 databases. By providing proven implementation patterns and memoization strategies, it prevents common pitfalls like infinite re-render loops and virtualization layout shifts. It is particularly useful for developers building data-heavy dashboards, administrative interfaces, or complex UI patterns like column pinning and row grouping in React 19+ environments.

主な機能

01Advanced UI patterns including column pinning and row grouping

020 GitHub stars

03Server-side pagination, filtering, and sorting for Cloudflare D1

04High-performance virtualization for datasets with 1000+ rows

05Automated prevention of common state management and re-render errors

06Seamless integration patterns for TanStack Query and React 19+

ユースケース

01Implementing performant server-side data fetching for Cloudflare-hosted apps

02Optimizing complex table UI with pinning, expanding, and virtualization

03Building data-intensive administrative dashboards with large datasets

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add brendadeeznuts1111/tier-1380-omega tanstack-table

For use in Claude.ai and ChatGPT

Download Skill