Przejdź do treści
Biblioteka skilli
Programowanie · Budowanie i kod

tanstack-react-table-best-practices

/tanstack-react-table-best-practices

Stosuje konwencje TanStack Table v9 dla stabilnych schematów tabel React przy tworzeniu i przeglądzie tabel, kolumn, metadanych i renderowania.

Licencja
MPL-2.0
Ostatnia zmiana repozytorium
05.09.2026

Ocena i bezpieczeństwo

90/ 100Klasa: dobry
Format25 / 25
Frontmatter z nazwą i opisem, poprawna nazwa, opis do 1024 znaków, nazwa zgodna z folderem.
Odkrywalność25 / 25
Opis mówi, kiedy użyć skilla, ma sensowną długość i jest w 3. osobie.
Treść25 / 35
Co najmniej 150 słów i do 500 linii, nagłówki, listy kroków, przykłady albo kod.
Higiena15 / 15
Bez zaślepek typu TODO, bez ścieżek Windows, z licencją.
Ryzykobrak sygnałów w skanie
Pliki w paczce
8
Skrypty
0
Komentarze HTML
0
Adresy URL w SKILL.md
1
Przestarzałość

Brak sygnałów. Repozytorium zmienione 05.09.2026, bez odwołań do wycofanych modeli i API.

Licencja

MPL-2.0, otwarta.

Co robi i kiedy

Stosuje konwencje TanStack Table v9 dla stabilnych schematów tabel React przy tworzeniu i przeglądzie tabel, kolumn, metadanych i renderowania.

Oryginalny opis (EN)

TanStack Table v9 conventions for stable React table schemas and instance behavior. Use when creating or reviewing React tables, columns, metadata, or rendering.

Jak działa

  1. Library Sources
  2. References
Sekcje z nagłówków SKILL.md, w oryginale · 27 linii, 216 słów
Podgląd SKILL.md
---
name: tanstack-react-table-best-practices
description: TanStack Table v9 conventions for stable React table schemas and instance behavior. Use when creating or reviewing React tables, columns, metadata, or rendering.
license: MPL-2.0
metadata:
  author: 'Basti Ortiz <ortiz@bastidood.dev>'
  source: 'https://github.com/BastiDood/skills'
---

# TanStack React Table Best Practices

Treat a table as stable schema plus instance-specific behavior: explicitly register only the features it needs, stabilize schemas and options, place callbacks in local metadata, and render through table primitives.

## Library Sources

- GitHub repository ID: `TanStack/table`
- Context7 library ID: `/tanstack/table`
- DeepWiki repository ID: `TanStack/table`

Use Context7 for current documentation and DeepWiki for implementation details.

## References

Read the references that apply to the current task before writing or reviewing TanStack Table code.

1. Configure a table deliberately.
   - [Register explicit capabilities and compose shared infrastructure](./references/explicit-capabilities.md) with only the row models and named functions in use. Do not start tables with `stockFeatures` or whole built-in function registries.
2. Stabilize schema and option identities.
   - [Keep the table contract stable and its capabilities feature-local](./references/table-contract.md). Hoist immutable schema, memoize render-local values whether or not the React Compiler is enabled, and reserve declaration merging for a genuinely global contract.
3. Render and subscribe at the narrowest correct boundary.
   - [Render headers, cells, and footers through table primitives](./references/cell-rendering.md).
   - [Preserve instance ownership through receiver-bound methods and narrow subscriptions](./references/instance-ownership.md), especially for nested components that receive stable table objects.
4. Keep table controls consistent as pages load.
   - [Handle selection, sort clearing, filters, and pinning](./references/interaction-semantics.md) without treating loaded rows as the full dataset.
Pliki w paczce (8)
  • LICENSE.txt 16 KB
  • SKILL.md 2 KB
  • agents/openai.yaml 1 KB
  • references/cell-rendering.md 1 KB
  • references/explicit-capabilities.md 2 KB
  • references/instance-ownership.md 2 KB
  • references/interaction-semantics.md 3 KB
  • references/table-contract.md 3 KB

Wersje

W bazie nie ma innych skilli o nazwie tanstack-react-table-best-practices.

Migawka bazy z 28.10.2026 · wersja paczki c6a75b660a42 (skrót SHA-256 całej paczki)

Pobrania w ostatnich 30 dniach: 0 · ranking

Zgłoś problem z tym skillem: szkodliwa treść, błędny opis albo prośba autora o usunięcie.

Podobne skille

  • 90tanstack-svelte-table-best-practices
    Pilnuje konwencji TanStack Table v9 w Svelte: stałych schematów kolumn, metadanych i renderowania reaktywnych tabel.
  • 90tanstack-react-query-best-practices
    Stosuje konwencje TanStack Query dla stanu serwera w React opartego na cache przy tworzeniu i przeglądzie zapytań, mutacji, kluczy zapytań i aktualizacji cache.
  • 100tanstack-table
    Stosuje wzorce TanStack Table dla tabel danych w Svelte: kolumny, renderowanie, sortowanie, filtrowanie, paginacja i tożsamość wierszy w interfejsie użytkownika.
  • 90tanstack-react-query-best-practices
    Pilnuje konwencji TanStack Query w React: zapytań, mutacji, kluczy i aktualizacji pamięci podręcznej stanu serwera.
  • 95tanstack-query-best-practices
    Podpowiada dobre praktyki TanStack Query w React: pobieranie danych, cache, mutacje i zarządzanie stanem serwera.
  • 90react-best-practices
    Stosuje konwencje komponentów React z jawną własnością stanu i przepływem danych przy tworzeniu i przeglądzie komponentów, hooków, efektów i formularzy.

Uwagi i zgłoszenia

Wiadomość trafi do Bartosza Sokolińskiego. Adres e-mail jest potrzebny tylko do odpowiedzi. Szczegóły w polityce prywatności.