DevExtreme初级入门教程（React篇）：入门指南-控件新闻-慧都网

DevExtreme初级入门教程（React篇）：入门指南

原创|使用教程|编辑：龚雪|2021-10-18 10:16:10.450|阅读 221 次

概述：本文主要为大家介绍DevExtreme React组件及如何创建一个DevExtreme应用程序，欢迎下载最新版体验~

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

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

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

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

DevExtreme | 下载试用

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

DevExpress技术交流群4：715863792 欢迎一起进群讨论