React Data Query Overview

Premium

Updated on Sep 2, 2026

The Kendo UI Data Query package is a framework-agnostic utility library for performing in-memory data operations and serializing data-state descriptors to OData or ASP.NET Core DataSource request formats.

It ships as a standalone npm package (@progress/kendo-data-query) and is used internally by data-bound Kendo UI components such as the Grid and TreeList to process local data. You can also use it independently whenever you need to sort, filter, group, or aggregate a JavaScript array without adding a UI layer.

React Data Query Example

The following code snippet demonstrates how to filter an in-memory product array using the filterBy function of the Data Query package:

js

import { filterBy } from '@progress/kendo-data-query';

const shipped = filterBy(orders, {
  field: 'status', operator: 'eq', value: 'shipped'
});

// shipped => [{ id: 1001, customer: 'Acme Corp', ... }, { id: 1003, customer: 'Initech', ... }]

js

const orders = [
  { id: 1001, customer: 'Acme Corp', region: 'EMEA', amount: 3897, status: 'shipped'   },
  { id: 1002, customer: 'Globex Ltd', region: 'APAC', amount: 245,  status: 'pending'   },
  { id: 1003, customer: 'Initech', region: 'AMER', amount: 898,  status: 'shipped'   },
  { id: 1004, customer: 'Umbrella Inc', region: 'EMEA', amount: 145,  status: 'cancelled' }
];

React Data Query Key Features

The Kendo UI Data Query package delivers a set of helper functions for in-memory data operations and server-side data serialization.

Sorting

orderBy sorts an array by one or more fields with an optional direction and a custom comparator. Read more about sorting...

Filtering

filterBy filters an array using a FilterDescriptor or a composite filter tree with and/or logic and over a dozen built-in operators. Read more about filtering...

Grouping

groupBy splits an array into hierarchical groups based on one or more fields. Read more about grouping...

Aggregates

aggregateBy computes sum, average, count, min, and max over specified fields. Read more about aggregates...

Combined Operations

process applies sort, filter, group, and aggregate operations in a single call and returns both the processed data array and the total item count before paging. This is the same function used internally by data-bound Kendo UI components when they operate on local data. Read more about combined operations...

OData Serialization

toODataString converts a State descriptor to an OData v4 query string for server-side filtering or sorting requests.

ASP.NET Core Integration

toDataSourceRequestString serializes component state to the format the Telerik UI for ASP.NET Core DataSourceRequest model binder expects. Companion helpers translateDataSourceResultGroups and translateAggregateResults convert the server response back for the component. Read more about ASP.NET Core integration...

Support Options

For any questions about the use of the React Data Query, or any of our other components, there are several support options available:

• Kendo UI license holders and anyone in an active trial can take advantage of the outstanding customer support delivered by the actual developers who built the library. To submit a support ticket, use the Kendo UI support system.
• KendoReact forums are part of the free support you can get from the community and from the Kendo UI team on all kinds of general issues.
• KendoReact feedback portal and roadmap provide information on the features in discussion and also the planned ones for release.
• KendoReact uses GitHub Issues as its bug tracker and you can submit any related reports there. Also, check out the closed list.

Suggested Links

• Installation
• Data Operations Reference
• Integration with UI for ASP.NET Core
• Data Query API