TanStack telah melancarkan beta Table v9, sebuah perpustakaan grid data yang membolehkan pembangun memilih hanya ciri-ciri yang mereka perlukan. Saiz bundle mengecil kepada kira-kira 5 KB dan kelewatan interaction-to-next-paint (INP) yang menyebabkan penyusunan atau penapisan terasa lembap kini hilang.

Mengapa perubahan ini penting

Dalam v8, perpustakaan ini menyertakan setiap logik grid—penyusunan, penapisan, pagination, pemilihan baris, pengelompokan—tidak kira sama ada projek menggunakan mana-mana daripadanya atau tidak. Kod tambahan tersebut berjalan pada thread utama, membesarkan saiz bundle dan menambah kependaman (latency) pada tindakan pengguna. Bagi papan pemuka yang memerlukan jadual yang pantas dan responsif, sedikit kelewatan milisaat boleh menyebabkan skor INP jatuh ke julat yang lemah.

Apa yang membezakan v9

  • Modul ciri opt-in – Import hanya bahagian yang anda gunakan. Langkau penyusunan dan kod penyusunan tidak akan dimasukkan ke dalam bundle.
  • Integrasi TanStack Store – Urus keadaan (state) dengan stor yang terperinci (fine-grained), supaya mengemas kini satu baris tidak mencetuskan render semula sepenuhnya pada bar penapis atau UI lain yang tidak berkaitan.
  • Jejak memori yang dikurangkan – Objek dan tatasusunan (array) yang lebih sedikit mengurangkan tekanan pada JavaScript heap semasa sesi yang panjang.

Perubahan ini menghasilkan muat turun yang lebih kecil (perpustakaan boleh menjadi hampir 5 KB untuk senarai ringkas) dan interaksi yang lebih lancar apabila grid sedang sibuk.

Siapa yang bakal mendapat manfaat

  • Pasukan frontend yang membina alatan dalaman, panel admin, atau papan pemuka SaaS di mana jadual merupakan elemen UI utama.
  • Laman web berfokuskan prestasi yang memantau Core Web Vitals; INP yang lebih rendah secara langsung meningkatkan metrik tersebut.

Apa yang v9 tidak selesaikan

Penambahbaikan ini menyasarkan kod yang anda kawal. Ia tidak akan mempercepatkan halaman yang menarik muatan (payload) JSON yang besar secara ajaib, dan ia juga tidak akan mengimbangi kos skrip pihak ketiga yang berat. Set data yang besar masih memerlukan pagination yang betul, dan kependaman rangkaian tetap menjadi isu yang berasingan.

Laluan migrasi praktikal

  1. Kenal pasti jadual yang paling berat – Cari senarai pesanan, grid inventori, atau paparan CRM yang sudah menunjukkan kelewatan yang ketara.
  2. Rakam metrik asas – Rekodkan INP dan tempoh tugasan panjang (long-task) pada halaman tersebut sebelum sebarang perubahan dibuat.
  3. **Migrasikan satu grid pada