KendoReact DataSource OverviewPremium
The KendoReact DataSource hooks provide powerful data management capabilities for your React applications. They handle common data operations like sorting, filtering, grouping, and paging while maintaining the data state.
The KendoReact DataSource hooks are distributed through the kendo-react-data-tools NPM package.
Start Free Trial
The following example demonstrates the DataSource hooks in action.
Change Theme
Theme
Loading ...
The DataSource is part of the KendoReact DataTools component library. The procedures for installing, importing, and using the the DataSource are identical for all components in the package. To learn how to use the DataSource and the rest of the DataTools, see the Getting Started with the KendoReact DataTools guide.
What are the KendoReact DataSource Hooks?
The available DataSource Hooks are:
- useDataSource—A basic hook for managing in-memory data with built-in support for sorting, filtering, grouping, and paging.
- useRemoteDataSource—Extends the base functionality to work with remote data sources, handling server-side data operations.
- useODataDataSource—A specialized version for working with OData services that automatically handles OData protocol specifics.
Key Features
- Data Operations—Built-in sorting, filtering, grouping, and paging capabilities.
- State Management—Comprehensive state management for all data operations.
- Change Tracking—Monitor and manage data modifications.
- Bulk Operations—Accumulate and submit multiple changes at once.