angular/compose-with-tanstack-store

What problem does it solve?

This Skill solves the problem of keeping TanStack Table v9 state consistent when you need cross-component, cross-route, or cross-app sharing instead of relying only on component-local Angular signals.

Core Features & Use Cases

• External state ownership via atoms: wire TanStack Store atoms into TanStack Table slices so multiple consumers read/write the same state source of truth.
• Use the right read surfaces: understand and use table.atoms.<slice>, table.baseAtoms.<slice>, and table.store correctly with Angular signal reactivity.
• URL sync and multi-table coordination: build patterns like deep-linkable pagination/sorting and shared filters across multiple tables.

Quick Start

Ask an AI coding assistant to show how to create a shared Store atom for pagination and pass it through the atoms option in injectTable, then mirror atom changes to the Angular router query params for URL-synced paging.