Kendo UI facilitates seamless integration with popular web development frameworks like Angular, React, and Vue.js by offering specialized, framework-specific libraries that are designed to work natively within each ecosystem.
2 Answers, 1 is accepted
0
Neli
Telerik team
answered on 15 May 2024, 10:55 AM
Hi Hamza,
The Kendo components are distributed for multiple frameworks. For Angular, React, or Vue applications we recommend using the components from the dedicated suite. Below you will find a link to the related documentation:
Regarding using the Kendo UI for jQuery components in such applications, please note that integration of the Kendo UI for jQuery components in the Angular scenario is not supported. You can find more information on the link here - https://docs.telerik.com/kendo-ui/third-party/angular2.
Regarding integration of the Kendo UI for jQuery in React you can check the link here - https://docs.telerik.com/kendo-ui/third-party/react where also you will find an example. Note that still, our recommendation is still to use the native React equivalents as they offer much better performance in React applications.
Kendo UI provides a comprehensive library of UI components that seamlessly integrate with popular web development frameworks like Angular, React, and Vue.js. Here’s how it facilitates smooth integration:
1. Dedicated Framework-Specific Packages
Kendo UI offers dedicated libraries tailored for Angular, React, and Vue.js. These packages include components optimized for each framework's specific architecture:
Kendo UI for Angular: Fully native Angular components built with TypeScript and Angular CLI support.
KendoReact: Components designed specifically for React, supporting JSX syntax and React hooks.
2. Pre-Built Components
Each library includes a wide range of ready-to-use components like grids, charts, and dropdowns. These are framework-aware, ensuring compatibility with Angular’s dependency injection, React’s state management, or Vue’s reactivity.
3. Ease of Configuration
For Angular, Kendo modules can be imported into your application, and components are used as Angular directives.
For React, KendoReact components can be imported and used as JSX tags.
For Vue, you can register Kendo UI components globally or locally within your Vue components.
4. Data Binding & State Management
Kendo UI supports two-way data binding in Angular and Vue.js, while in React, it seamlessly connects with state management tools like Redux or Context API.