What's the best way to manage data (Array with 50-4000 entries each containing objects with 5 k/v strings) so it can be filtered and sorted as responsively as possible? There are no images rendered anywhere, just a table with strings.
My current approach is Redux-Toolkit: Fetch the Entire Array on Page Load and "cache" it in state. Then apply filters/sorting at will rendering only 20 rows at first with infinite scrolling. This works pretty well even for larger Arrays as well as on low-end tech but I was wondering if this is the best way of doing this?

Edit: Fetching only smaller chunks with filter/sort encoded in the url would be the more efficient approach but it's less responsive on the frontend so why would it be necessary?