Best Practices: Pagination / Filtering via Search Parame
Hello,
I am working on a table search/filtering page
- pagination: next, prev 1..2…….n-1…n
- filters e.g. first name, last name
- country multi select
I’m struggling to see from the docs the best way to update my data via TanStack Query, and update the search state via TanStack Router
It would be great to have some example like this in the docs
The docs mentioned preferring Link components, but for something like a multi select dropdown, that is not doable
Thanks!
2 Replies
ratty-blush•7mo ago
if it's a side effect from selecting a dropdown, you can use the
useNavigate hookSearch Params | TanStack Router React Docs
Similar to how TanStack Query made handling server-state in your React and Solid applications a breeze, TanStack Router aims to unlock the power of URL search params in your applications. 🧠 If you ar...
ratty-blush•7mo ago
as for combining that with Tanstack Query, it depends on how your paginated data works / your loader behaviour