Using with Server-Side Rendering

The KendoReact components can be used in applications that utilize server-side rendering (SSR) to achieve faster initial loading times.

Server-Side Rendering with Express

KendoReact server-side rendering support provides the ability to render KendoReact UI components on your React pages from servers such as Express. This is achieved by utilizing the renderToString method that comes from the ReactDOMServer object. The method allows to pre-render the HTML on the server and send to the client the already rendered HTML for faster loading speed and SEO optimization.

For more details about the setup, please refer to the following GitHub repository that showcases how the KendoReact Data Grid is pre-rendered on the server and sent to the client.

Server-Side Rendering with NextJS

For an example of how to use the KendoReact components inside a NextJS application, refer to the dedicated NextJS article.

Activating Your License Key (Not Needed for Free Components)

KendoReact is an enterprise-grade UI library with 120+ free and premium components. Over 50 components, such as the Calendar, are free to use without a license, even in production. However, if you want to unlock the premium components and features of KendoReact, such as the Data Grid's React server components (RSC) mode, custom cell rendering, advanced filtering, data export, and others, you need a commercial license or an active trial license.

Using any of the KendoReact premium UI components requires either a commercial license key or an active trial license key.

Since KendoReact version 5.16.0 (25 July 2023), a missing license causes a watermark to appear over selected components. For more information, see the Invalid License section. More information about the introduced changes can be found in this Invalid License section.

To experience the full potential of the KendoReact components, follow the instructions on the My License page to activate your license and hide the invalid/non-activated license attributes.