react/compose-with-tanstack-store

Official

Own table state slices with TanStack Store.

AuthorTanStack
Version1.0.0
Installs0

System Documentation

What problem does it solve?

TanStack Table state ownership is difficult when you need sharing, persistence, or fine-grained subscriptions across components and even across multiple tables without wiring many onChange callbacks.

Core Features & Use Cases

  • Own one or more table state slices externally (sorting, pagination, rowSelection, columnFilters, columnVisibility, etc.) to remove callback-based state plumbing.
  • Share slices across components and tables to enable global filters, coordinated UI state, and consistent behavior across data grids.
  • Persist slices outside the table render path (for example, saving column visibility or filters to localStorage).
  • Use narrow subscriptions for performance by reading only the atom(s) you care about via selector-based reads.

Quick Start

Ask the AI agent to show how to integrate @tanstack/react-store with useTable by providing a stable sorting atom through options.atoms so the table writes directly to your atom without any onSortingChange handler.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: react/compose-with-tanstack-store
Download link: https://github.com/TanStack/table/archive/main.zip#react-compose-with-tanstack-store

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.