react-table VS vue-dataset

5. react-table

I have a simple react-table with an expanded sub component whose data is tied to a Redux state object.

import ReactTable from 'react-table'...render() { return ( )} However, on their API Docs and examples, they all use useTable.

I have a functional component built around the React Table component that uses the Apollo GraphQL client for server-side pagination and searching. I am trying to implement debouncing for the searching so that only one query is executed against the server once the user stops typing with that value. I have tried the lodash debounce and awesome debounce promise solutions but still a query gets executed against the server for every character typed in the search field.

That was also the case for me u/vuestart, that's why I have created vue-dataset. I now use it for all my lists by default. It's also easily extendable with custom components.

vue-dataset is a set of Vue.js components that consists of a main provider (wrapper) component: dataset, an item component: dataset-item and additional components for handling searching and pagination. Combining these, you can create virtually any layout for displaying your lists while still reusing the same functionality.