React.js, Next.js | Query Paramsの取り回しライブラリ調査

概要

Query系を自分でラップしようとしてみたが、面倒なのと考慮が浅くなりそうだったので、ライブラリを探してみて中身を見ながら選定してみる。
Next.js or React.jsで探す

どの観点で見るのか

1. 日本語の取り回し
2. query params の配列の取り扱い
3. string or number
4. Stateとの取り回し

検索URL

https://github.com/search?o=desc&q=react+query&s=stars&type=Repositories

候補一覧

TanStack Query

リポジトリ

https://github.com/TanStack/query

特徴

• Transport/protocol/backend agnostic data fetching (REST, GraphQL, promises, whatever!)
• Auto Caching + Refetching (stale-while-revalidate, Window Refocus, Polling/Realtime)
• Parallel + Dependent Queries
• Mutations + Reactive Query Refetching
• Multi-layer Cache + Automatic Garbage Collection
• Paginated + Cursor-based Queries
• Load-More + Infinite Scroll Queries w/ Scroll Recovery
• Request Cancellation
• React Suspense + Fetch-As-You-Render Query Prefetching

ドキュメント

React Query

https://github.com/pbeshai/use-query-params

next-usequerystate

https://github.com/47ng/next-usequerystate