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

KendoReact: Adaptive Mode for ColorPicker, Tabstrip and Toolbar Components

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

KendoReact: Enhanced UI Customization Tooling

Progress Page Templates and Building Blocks collection got enriched with 12 new Building Blocks such as Dashboard cards, AI App Welcome screen and AI-powered editor, alongside a new AI Usage Monitoring dashboard template.

Page Templates and Building Blocks are pre-configured with KendoReact components embedded and come for free with the newly introduced subscription packages.