Need advice about which tool to choose?Ask the StackShare community!
DevExtreme vs Kendo UI: What are the differences?
Introduction
In this article, we will compare and provide the key differences between DevExtreme and Kendo UI, two popular frameworks for building web applications.
Data Binding: DevExtreme offers powerful data binding capabilities, allowing developers to easily connect UI components with data sources. It supports various data sources such as arrays, RESTful services, and OData. On the other hand, Kendo UI provides data binding through a powerful MVVM architecture, which allows for easy synchronization of model data with UI elements.
Component Variety: DevExtreme provides a wide range of pre-built UI components, including grids, charts, calendars, and form elements. These components are fully customizable and come with numerous styling options. In contrast, Kendo UI offers an extensive set of UI components, including charts, grids, editors, and data visualization widgets. It also provides themes and templates for easy styling and customization.
Mobile Support: DevExtreme is designed for building cross-platform mobile applications using HTML5 and JavaScript. It offers responsive layouts, adaptive design, and touch-friendly user interfaces. Kendo UI, on the other hand, provides a separate framework called Kendo UI Mobile, which is specifically designed for mobile app development. It offers native-like UI components, offline data storage, and seamless integration with Apache Cordova.
Performance Optimization: DevExtreme focuses on delivering high-performance web applications by providing various optimization techniques. It offers features like virtual scrolling, batch editing, and deferred loading to enhance performance. Kendo UI also emphasizes performance optimization by providing features such as virtualization, lazy loading, and dynamic module loading.
Accessibility: DevExtreme has built-in accessibility features that ensure compliance with WCAG standards. It provides keyboard navigation, ARIA support, and screen reader compatibility out of the box. Kendo UI also prioritizes accessibility and provides ARIA support, keyboard navigation, and other accessibility features to ensure a great user experience for all users.
Pricing: DevExtreme offers a free Community Edition, which includes a limited set of components and features. It also offers a paid Pro Edition with additional components and premium support options. On the other hand, Kendo UI offers different pricing plans based on the number of developers and deployment options, including a free 45-day trial. It also offers additional support and consulting services.
In summary, DevExtreme and Kendo UI both provide powerful frameworks for building web applications. DevExtreme focuses on mobile app development, offers a wide range of pre-built UI components, and emphasizes performance optimization. Kendo UI offers a comprehensive set of UI components, supports data binding through an MVVM architecture, and provides a separate framework for mobile app development. The choice between the two depends on specific requirements, development expertise, and budget considerations.
We are transitioning to develop a web app, and we have selected to use React for our front end. I've looked at Kendo UI as a tool to help out. I am looking for some feedback on the Kendo UI tool and any others that are good. The desktop software that we are replacing has about 150 forms. The app is currently only going to be used inhouse and is connected to SQL server. Thanks in advance!
Thanks for providing detail around what you're looking for, Doug! That helps me respond with more confidence: sounds like the React Form component that is part of Kendo UI will save you time and trouble. I'm part of the KendoReact team (the team that's building the React-specific UI library within Kendo UI), and one thing we've discovered is that writing a Form component may look simple, but is far from trivial to write - and to get right. To help developers with this, beyond the Form component itself, we created design guidelines for writing great forms in React (linked with this response) - a reference document that combines years of experience and in-depth research. My best advice is to try the KendoReact Form (and any other components your app needs) in a PoC and test it in action. The library is well documented and if you sign up for a trial, you also get free technical support from the team - we've done our best to make evaluating (and using!) our product as easy as possible.
Why go for a paid solution, when battle-tested Bootstrap is free? Bootstrap is easy to configure and customize, and is the most popular frontend library. Especially if this is going to be an in-house solution, I'd go for Bootstrap. Unless there are specific features you need that are only available in Kendo UI.
Hello. I understand you already made your decision about React. I would like to share my experience with you. We're sucessfully working with Angular and Devextreme. After about four years, I can confirm that DX is a mature and very complete line of components and is growing and improving at each major release. I would not go back in my decision (please note that we're using React too, but IMO, Angular is better and more productive when it comes to LOB / Line Of Business solutions).
Of course, IMO, it's also just a little bit expensive if compared with other products.
React on Devextreme came a little later and some components are still under development (as far as I know) or, to be honest, it depends on which DX library you will use (there are two libraries: DevExtreme Reactive and DevExtreme React UI) .
Kind Regards.
Pros of DevExtreme
- Components1
Pros of Kendo UI
- Collection of controls15
- Speed5
- Multi-framework support4
- Mobile4
- AngularJS2
- Built-in router2
- Good Documentation1
Sign up to add or upvote prosMake informed product decisions
Cons of DevExtreme
- Large transfer size4
- Customisation1
Cons of Kendo UI
- Massive footprint4
- Slow3
- Awdawd1
- Spotty Documentation1
- Expensive1
- Poor customizability1
