「B/S端开发」DevExtreme React组件及入门指南分享

DevExtreme v21.1.6最新版下载

DevExtreme React组件

重要提示：您应该熟悉React的基本概念和模式才能使用本文档。

注意：DevExtreme提供了两个 React UI 组件库：本文描述DevExtreme React UI组件和 DevExtreme Reactive组件。

DevExtreme React组件套件是一套功能完备的React应用程序，包含65 多个响应式和支持触摸的 UI 组件。 该套件包括数据网格、交互式图表、数据编辑器、导航和多用途 UI 组件。

DevExtreme React UI组件套件提供以下特定于平台的功能：

• 快速入门的应用程序模板
• 受控和非受控状态管理模式
• 声明性配置语法
• 支持TypeScript

所有 DevExtreme UI组件套件，包括 React、共享架构和核心功能，以下核心功能适用于所有套件：

• 数据层
• 客户端数据验证
• 主题和风格
• 本地化
• 模块化
• 使用模板自定义

创建一个DevExtreme应用程序

如果您是从头开始一个项目，请使用DevExtreme React模板。 这是一个简单的应用程序，带有导航菜单和响应式布局中的几个示例视图。

您可以使用DevExtreme CLI生成此应用程序：

 

npx -p devextreme-cli devextreme new react-app app-name
cd app-name
npm run start

 

该应用程序已经包含 DataGrid 和 Form UI 组件，您可以在src\pages\display-data\display-data.js 和src\pages\profile\profile.js 文件中分别找到它们的配置。

有关 DevExtreme React UI 组件的更多信息，请参阅以下资源：

• 组件配置语法
• Demos
• API 参考

DevExtreme | 下载试用

DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NET Core或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。

---

更多DevExpress线上公开课、中文教程资讯请上中文网获取

原文地址：https://www.cnblogs.com/AABBbaby/p/15423381.html