フロントエンドカンファレンス北海道2025
LT(5分)

数行で使えるTanStack Tableの状態をURLパラメータに同期するライブラリを作った話

taroro_tarotaro taro taroro_tarotaro
1

Tanstack Tableは検索、ソート、ページネーション、行・列の選択などが備わったテーブルが簡単に作れるHeadlessなUIライブラリです。

このLTでは、TanStack Tableで作ったテーブルの検索やソートなどの状態をURLパラメータに同期できるライブラリを作った話をします。

以下が話す予定の内容です。

  • ライブラリの設計で考えたこと
    • Reactの各種フレームワークで使えるようにするためのURLパラメータとの同期の仕組み
    • 数行で簡単に使い始められる設定の少なさと、細かいカスタマイズ性
  • issueから学んだ設計の甘かった部分
  • 初めての自作ライブラリでの学びや感想

React用のライブラリの話ですが、Reactを使ったことがない方でも楽しめる内容になる予定です。