KendoReact

What's New

What's New 2025 Q2

AI Coding Assistant for KendoReact

We’re introducing Co-pilot Extensions and an MCP Server that supercharge popular AI assistants like GitHub Copilot and Cursor to help developers build modern UIs faster with KendoReact. Using natural language prompts, developers can now generate and insert production-ready React components — like complex data grids and fully styled forms — directly into your codebase. These tools understand the KendoReact context, follow best practices, and integrate seamlessly with your existing dev environment. Whether you're building new apps or enhancing legacy ones, the assistant recommends, configures, and explains KendoReact components so you can stay focused on building, not boilerplate.

Check out KendoReact AI Coding Assistant documentation

See KendoReact AI Coding Assistant video

React DataGrid Enhancements: Effortless Virtualization

KendoReact Grid’s virtualization has been optimized for better performance and is now enabled by default, delivering a major performance boost with minimal setup. This upgrade dramatically simplifies setup and accelerates rendering, especially with large datasets. Developers no longer need to configure extra properties for common use cases. It just works. Whether you're using local or remote data, grouped views, or combining paging with virtualization, the Grid adapts intelligently for smooth scrolling and instant rendering. This update reduces boilerplate, improves user experience, and gives developers powerful performance with none of the hassle.

This is not all – here are other enhancements we’ve made to the React DataGrid:

KendoReact Grid is becoming fully adaptive with redesigned column menus, filter tools, editing forms, and toolbar components to ensure seamless usability across all screen sizes and interaction modes.
Implement DataSource in the form of React hooks for local data operations, remote data operations on top of local, and pre-configured remote data-source for oData remote service.
Buil-in State Management.
Built-in PDF export.
Support for Next.js v15.

Codemods CLI for Assisted Migration to the Latest KendoReact Version

We’ve launched a Codemods CLI — an assisted migration tool designed to take the pain out of upgrading to new KendoReact versions. Whether you're modernizing APIs, or restructuring imports, the Codemods CLI automates tedious code transformations with precision. Developers can choose the source and target versions, preview changes with diff-style output, and review a detailed migration report before applying updates. With built-in safety checks and support for multiple legacy versions, this tool helps teams confidently adopt the latest features, eliminate deprecated patterns, and accelerate UI modernization — all while minimizing risk and effort.

Check out the Codemods CLI assisted migration documentation

Screen Recording 2025-05-21 at 13.38.13 (1)

Modernized Look and Feel with the Updated Material Theme (Material 3)

The Telerik and Kendo UI libraries now feature an updated Material theme that aligns with Google’s latest Material 3 design guidelines, delivering a more intuitive, and consistent user experience. With improved spacing, updated color palettes, refined typography, and enhanced component styling, the new Material theme brings a cleaner, more modern aesthetic to your applications.

What's New 2025 Q1

KendoReact: New React Data Grid Server Mode

The RSC Mode of the KendoReact Grid takes advantage of React Server Components and renders ahead of time, before bundling in an environment separate from your client application or SSR server. Among the key benefits of the grid’s server mode are improved app performance (especially in data-heavy grids), a significantly smaller application bundle size and the ability to pass custom Server Components as slots.

What makes this React Grid truly exceptional is its flexibility—it allows you to seamlessly blend both server-side and client-side operations, adapting to your application's unique requirements. The server grid shops with extensive built-in features that will keep expanding in the coming months.

See the React DataGrid RSC Mode demo

KendoReact Data Grid: 30 New Built-In Features, Including State Management

With this release, the KendoReact Grid is enriched with 30 new built-in features, including state management and internal state handling, column spanning, selection, editing, row reordering, expand and collapse, context menu and more. With these widely used grid features now available out-of-the-box for seamless integration, you will save even more development time.

This major Grid enhancement also has a long-term impact on developer productivity as it decreases the component’s maintenance.

See the React DataGrid Built-in State Management demo

The new adaptive rendering feature allows the ColorPicker, Tabstrip and Toolbar components to adapt to the screen size by adjusting dynamically based on the screen dimensions.

Adaptive behavior needs to be defined per-component as a UI-specific solution. For example, the adaptive KendoReact TabStrip enables users to scroll through its tabs when the tab list cannot fit in the component boundaries. For the React ColorPicker, you can adjust the rendering of its popup element based on the device's screen resolution by using pre-set breakpoints. The ToolBar adjusts its rendering based on screen size, ensuring overflowing tools remain accessible.

See the React ColorPicker Adaptive Rendering demo

See the React TabStrip Adaptive Rendering demo

See the React Toolbar Adaptive Rendering demo