「B/S端开发」DevExtreme React组件及入门指南分享
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 组件的更多信息,请参阅以下资源:
DevExtreme拥有高性能的HTML5 / JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NET Core,jQuery,Knockout等)构建交互式的Web应用程序。从Angular和Reac,到ASP.NET Core或Vue,DevExtreme包含全面的高性能和响应式UI小部件集合,可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
2020-10-19 界面开发必备控件DevExpress,v20.1.8震撼发布