Problem
The current implementation fetches the entire dataset from the backend and applies pagination and filtering on the client side. While this works for small datasets, it does not scale well as the number of bookmarks grows.
Proposed Solution
Update the existing TanStack React Table setup to support server-side pagination and filtering. Instead of loading all records at once, the backend should handle:
- Pagination (page size, page index)
- Filtering (search, column filters, etc.)
- Sorting
The frontend would then request only the required slice of data based on the table state.
Benefits
Significantly improved performance for large datasets
Reduced memory and network usage on the client
Better scalability, enabling users to create and manage very large bookmark collections
Notes
TanStack React Table already supports server-side mode, so this should be achievable with minimal changes to the table configuration and API contracts.
Problem
The current implementation fetches the entire dataset from the backend and applies pagination and filtering on the client side. While this works for small datasets, it does not scale well as the number of bookmarks grows.
Proposed Solution
Update the existing TanStack React Table setup to support server-side pagination and filtering. Instead of loading all records at once, the backend should handle:
The frontend would then request only the required slice of data based on the table state.
Benefits
Significantly improved performance for large datasets
Reduced memory and network usage on the client
Better scalability, enabling users to create and manage very large bookmark collections
Notes
TanStack React Table already supports server-side mode, so this should be achievable with minimal changes to the table configuration and API contracts.