DevExtreme React - Introduction to DevExtreme

DevExtreme is a component suite for creating highly responsive web applications for touch devices and traditional desktops. The suite includes 50+ UI components ready to use with jQuery, Angular, AngularJS, Knockout, ASP.NET MVC or ASP.NET Core: data grid, interactive charts, data editors, navigation and multi-purpose widgets designed to look and behave harmoniously in any browser.

DevExtreme supports integration with client-side technologies and server-side frameworks:

• jQuery versions 2.1 - 2.2 and 3.x
• Knockout versions 2.2.3 - 2.3.0 and 3.1+
• AngularJS versions 1.2+ (Refer to the Migration Guide when using version 1.3 or later)
• Angular versions 5 and later
• Vue - versions 2.5.16 and later
• React
  • DevExtreme React Components - versions 16.2 and later
  • DevExtreme Reactive Components for React - versions 16.8 and later
• ASP.NET MVC 5
• ASP.NET Core - .NET Core 2.0 and later

You can integrate DevExtreme with other frameworks or use DevExtreme widgets without jQuery and frameworks:

• 3rd-Party Frameworks Integration API

DevExtreme also supplies TypeScript definitions if you want to use TypeScript syntax.

• TypeScript Support versions 2.4.2+

Easily bind DevExtreme widgets to your data source no matter whether it is local or remote. Choose one of ready-to-use stores or implement your own data access logic.

• Data Layer
• Data Source Examples

We provide predefined themes to ensure that our UI widgets look native on any device and browser. However, you can use the ThemeBuilder to create a new theme based on an existing DevExtreme or Bootstrap theme.

• Predefined Themes
• ThemeBuilder

To make your application or website faster and lighter, we introduced a modular version of DevExtreme. Combining modules, you can create a custom bundle that includes only those code parts that you need.

• Modularity

Specify a custom format for any value type using the built-in formatting capabilities. DevExtreme supports the Intl and Globalize localization libraries for adapting messages and value formats to linguistic and regional differences.

• Localization

To include DevExtreme to your project, use the appropriate distribution package.

• npm

  npm install devextreme@19.1 --save --save-exact 

• Bower

  bower install devextreme#~19.1 --save

• NuGet

  Install-Package DevExtreme.Web -Version 19.1.16

For Visual Studio integration features, get the Windows installer, or otherwise, download just the client-side library and its widgets as a zip archive.

• Windows Installer
• ZIP Archive

The following resources will help you to get the best of DevExtreme:

• Demos
• Examples on GitHub