Agents & OrchestrationSûr8080/100

Custom Features (TanStack)

Implement a Table v9 plugin when built-ins and typed meta are insufficient. Covers

ou envoie-le directement à ton agent.

Installer dans ton projet

$ curl -fsSL https://arboristhree.xyz/cli/install-skill.mjs -o /tmp/arboris-install-skill.mjs && node /tmp/arboris-install-skill.mjs custom-features__tanstack-table__packages-table-core-skills-98f4b2966f57
TanStack
TanStack/table
Contenu à copier
---
name: custom-features
description:
  Implement a Table v9 plugin when built-ins and typed meta are insufficient. Covers
  FeatureMaps, runtime lifecycle hooks, prototypes, and a complete checked example.
metadata:
  origin: TanStack
  type: core
  library: '@tanstack/table-core'
  library_version: '9.3.1'
requires:
  - core
  - table-features
sources:
  - TanStack/table:docs/framework/react/guide/custom-features.md
  - TanStack/table:packages/table-core/src/types
  - TanStack/table:packages/table-core/src/types/TableFeatures.ts
  - TanStack/table:packages/table-core/src/utils.ts
  - TanStack/table:packages/table-core/src/features
  - TanStack/table:examples/react/custom-plugin
---

# Author a custom feature

Read [core](../core/SKILL.md) and [feature architecture](../table-features/SKILL.md) first. Use a plugin for reusable state or behavior that must augment Table objects. Built-in options and typed `tableMeta`/`columnMeta` are usually enough for renderer callbacks and application configuration.

## Implementation workflow

1. Identify the state, options, and object methods the behavior owns. If it only passes callbacks or renderer data, read [scoped meta typing](../core/references/typescript.md) and use meta instead.
2. Before declaring plugin types or writing lifecycle hooks, read the [complete plugin example](references/plugin-example.md). It enumerates all 10 public FeatureMaps, the API assignment helpers, lifecycle ordering, and the advanced row-model maps.
3. Declare the feature key in `Plugins`. Merge only FeatureMaps with matching runtime implementations; declarations alone install no behavior.
4. Preserve user state after defaults in `getInitialState`; connect state updaters in default options. Install table methods with `assignTableAPIs` and object methods with `assignPrototypeAPIs` inside the corresponding lifecycle hooks.
5. Keep the feature object and `tableFeatures({ customFeature })` result stable. Register the plugin through `tableFeatures` so inference and composition include it.
6. Verify the advertised state, options, methods, and resets on a constructed table. Each declared API must exist at runtime; reset behavior must respect the state owner.

## Lifecycle boundaries

Use `initTableInstanceData` for mutable data owned by one table and `resetTableInstanceData` for clearing its transient contents. All feature initialization finishes before any `constructTableAPIs` hook. Keep method installation separate from data allocation.

Prototype methods are shared across the table's rows, columns, cells, or headers. Read per-object values through the method's current instance, and use the supported instance-data hooks for mutable fields. Read the example's installation rules before adding memoized methods or advanced row-model/cache wiring.

## Common failures

- Types without matching runtime hooks advertise APIs that do not exist.
- Ad hoc mutation of constructed instances bypasses feature registration and inferred composition.
- Treating the density example as the only extension pattern misses column definitions and the other public FeatureMaps. Choose the maps required by the behavior; advanced row-model declarations also require runtime pipeline/cache wiring.

## Installed API discovery

Inspect `node_modules/@tanstack/table-core/dist/types/TableFeatures.d.ts`, the exported `*_FeatureMap` interfaces in `dist/types/`, and `assignTableAPIs`/`assignPrototypeAPIs` in `dist/utils.d.ts`. Follow declarations under `dist/features/` for comparable stock lifecycle signatures.
Colle ce Markdown dans ton agent ou utilise les boutons ci-dessus pour l’écrire dans ton projet.

Ce que fait Custom Features (TanStack)

Types without matching runtime hooks advertise APIs that do not exist.
Ad hoc mutation of constructed instances bypasses feature registration and inferred composition.
Treating the density example as the only extension pattern misses column definitions and the other public FeatureMaps. Choose the maps required by the behavior; advanced row-model declarations also require runtime pipeline/cache wiring.

Comment utiliser Custom Features (TanStack)

1
Copie le prompt
Un clic copie le prompt packagé (ou l'envoie à ton agent).
2
L'agent installe le skill
Il ajoute le SKILL.md et ses ressources à ton projet.
3
Activation automatique
Le skill s'active dès que le contexte correspond.

Déclencheurs pour Custom Features (TanStack)

Dis simplement à ton agent quelque chose comme :

Applique le skill custom-features__tanstack-table__packages-table-core-skills-98f4b2966f57 à cette tâche
Utilise custom-features__tanstack-table__packages-table-core-skills-98f4b2966f57 pour améliorer cette implémentation
Passe en revue ce sujet avec custom-features__tanstack-table__packages-table-core-skills-98f4b2966f57

Skills liés à Custom Features (TanStack)