Frontend & UISûr100100/100

Migrate V8 To V9 (TanStack) — Preact Table

Migrate preact Table v8 to v9. Audit framework construction, rendering, state, and app hooks, with shared API changes in the core migration skill.

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 migrate-v8-to-v9__tanstack-table__packages-preact-table-skills-56b4fedbb2e4
TanStack
TanStack/table
Contenu à copier
---
name: migrate-v8-to-v9
description: Migrate preact Table v8 to v9. Audit framework construction, rendering, state, and app hooks, with shared API changes in the core migration skill.
metadata:
  origin: TanStack
  type: lifecycle
  library: '@tanstack/preact-table'
  library_version: '9.3.1'
  framework: preact
requires:
  - '@tanstack/table-core#migrate-v8-to-v9'
sources:
  - TanStack/table:docs/framework/preact/guide/migrating.md
  - TanStack/table:packages/preact-table/src/index.ts
  - TanStack/table:examples/preact/basic-use-table
---

# Preact v8-to-v9 migration checklist

Before starting, run `intent load @tanstack/table-core#migrate-v8-to-v9`. Audit its entire shared checklist and read the detailed core mappings for APIs present in the application. This checklist adds the Preact-specific changes.

Framework prerequisite: Preact 10 or newer (`preact >=10`).

## Adapter audit

- [ ] Replace React-adapter imports and `useReactTable` with native `@tanstack/preact-table` and `useTable`.
- [ ] Remove compat aliases that existed only for Table. Preserve aliases still required by other libraries, including a React Virtual integration.
- [ ] Keep model inputs stable and configure explicit features/row-model slots; complete the shared core checklist.
- [ ] Use selected `table.state`, `table.Subscribe`, or Preact Store subscriptions; snapshots alone do not rerender consumers.
- [ ] Pair controlled slices with callbacks, or supply stable atoms from `@tanstack/preact-store`; remove global `onStateChange`.
- [ ] Use native Preact FlexRender components. Adopt `tableOptions` or `createTableHook` only for repeated app conventions.

## Load the affected details

When the audit finds old Preact construction, state, rendering, or app-hook code, read [adapter migration details](references/adapter-migration.md) before editing it. For a replacement render scaffold, read [getting started](../getting-started/SKILL.md). For controlled or stale state after migration, read [table state](../table-state/SKILL.md).

Shared pinning, sizing, sorting, selection, prototype-method, type, and registry changes stay in the core migration references. Renaming `useReactTable` alone does not complete the migration.

## Verify the migration

- [ ] Type-check against the installed v9 adapter and exercise every enabled client/manual feature flow.
- [ ] Verify external state writes, reactive data replacement, and the framework rendering paths changed above.
- [ ] Complete the core checklist, including layout and selection behavior when those features are used.
- [ ] Replace temporary `stockFeatures` when the target is explicit feature tree-shaking.

## API discovery

Inspect `node_modules/@tanstack/preact-table/dist/index.d.ts` and the exported adapter declarations. Use `node_modules/@tanstack/table-core/dist/index.d.ts` for shared APIs.
Colle ce Markdown dans ton agent ou utilise les boutons ci-dessus pour l’écrire dans ton projet.

Ce que fait Migrate V8 To V9 (TanStack) — Preact Table

[ ] Replace React-adapter imports and `useReactTable` with native `@tanstack/preact-table` and `useTable`.
[ ] Remove compat aliases that existed only for Table. Preserve aliases still required by other libraries, including a React Virtual integration.
[ ] Keep model inputs stable and configure explicit features/row-model slots; complete the shared core checklist.
[ ] Use selected `table.state`, `table.Subscribe`, or Preact Store subscriptions; snapshots alone do not rerender consumers.

Comment utiliser Migrate V8 To V9 (TanStack) — Preact Table

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 Migrate V8 To V9 (TanStack) — Preact Table

Dis simplement à ton agent quelque chose comme :

Applique le skill migrate-v8-to-v9__tanstack-table__packages-preact-table-skills-56b4fedbb2e4 à cette tâche
Utilise migrate-v8-to-v9__tanstack-table__packages-preact-table-skills-56b4fedbb2e4 pour améliorer cette implémentation
Passe en revue ce sujet avec migrate-v8-to-v9__tanstack-table__packages-preact-table-skills-56b4fedbb2e4

Skills liés à Migrate V8 To V9 (TanStack) — Preact Table