ExtReact 功能与优势

ExtReact 是一个为开发者提供的组件库,用于创建在桌面和移动设备上具有视觉吸引力、数据密集型的应用程序。它包括用于优化构建的 Webpack 和 Babel 插件,以及为设计师和开发者提供对其应用程序外观和感觉的完全控制的主题工具。

ExtReact 提供了超过 100 个受 Material 设计启发的组件,包括标签页、对话框、表单、菜单、工具栏和列表。它还提供了最强大的网格组件,允许用户对大数据进行切片和分析。此外,它支持响应式布局,可以在所有屏幕和环境中进行开发,并且提供了丰富的表单字段集合,用于构建易于使用的数据输入表单。

ExtReact 还提供了日历组件,可以添加交互式调度功能到应用程序中。此外,它还提供了一个广泛的图表和 D3 可视化组件集合,为应用程序添加令人惊叹的数据可视化功能。可以使用强大的 ExtReact 主题 API 完全控制应用程序的外观和感觉,或者使用 Sencha Themer 在不编写任何代码的情况下为应用程序进行样式设计。

ExtReact 还提供了用于压缩和优化应用程序构建的 Webpack 和 Babel 插件。它提供了多个示例应用程序,包括 ExtReact Conference App 和 ExtReact Kitchen Sink,这些示例应用程序适用于桌面、平板电脑和智能手机。

React 是一个流行的 JavaScript 框架,提供了构建 Web 应用程序的组件化方法。然而,React 本身并不包括任何预构建的组件。许多应用程序需要树、菜单、网格、图表、表单等组件来提供用户所需的功能。React 开发者面临的选择是要么从头开始构建这些组件,要么从社区获取它们。

构建在所有设备和平台上表现良好的健壮、美观的组件是一项耗时且成本高昂的工作。随着浏览器和语言标准的演变,支持和维护这些组件在应用程序的生命周期中会增加更多的工作。幸运的是,React 社区相当庞大,因此有许多现成的组件可用。然而,使用开源社区的组件会带来一些风险和挑战。项目的发布时间表、维护者的承诺和整体质量差异很大。此外,随着 React 本身的更新,一些库可能变得不兼容,而其他库可能需要 React 的最新版本。同时管理 10 或 15 个不同的组件库可能是一场噩梦。解决这个问题的最佳方法是尽可能从尽可能少的库中获取尽可能多的组件。

ExtReact 为提供了一个单一的、商业支持的、专业维护的包中 React 应用程序的最完整组件集。让看看里面有什么。

网格通常是强大的、数据驱动的应用程序的中心。ExtReact 网格提供了一种强大的方式来显示、排序、组合和编辑数据。所有列都可以重新排列、调整大小、隐藏和排序。用户可以像在 Microsoft Excel 中一样选择行、单元格或列。网格允许用户在桌面、平板电脑和智能手机上编辑数据,并且它会自动为每个设备选择正确的体验。数据可以导出到 Excel、CSV、TSV 和其他格式。

树通常需要在桌面、平板电脑和智能手机应用程序中显示层次结构数据。ExtReact 树是从网格组件派生的,并继承了它的所有特性,包括列调整大小、排序、过滤和单元格编辑,以及拖放。

ExtReact 透视网格提供了一种简单的方法,将透视功能带到 Web 应用程序中。透视网格使用户能够使用多种聚合方法(如总和、计数、平均值等)探索和聚合多维数据。

可以使用单个组件将整个日历功能添加到应用程序中。ExtReact 日历和相关组件根据时间范围(月份、天数、周等)消化和可视化事件数据。日历组件支持时区,以及拖放和调整大小验证。

图表是提供出色的数据可视化功能的重要组成部分。ExtReact 图表包提供了所有常见的 2D 和 3D 图表类型,如饼图、条形图、柱状图、线图和散点图,以及更复杂的图表,如箱形图、蜡烛图和雷达图。每个图表都与所有主要浏览器兼容。Sparkline 图表也可以嵌入到网格单元格中。

D3 是数据可视化的极受欢迎的选择。ExtReact D3 组件使将 D3 集成到 React 应用程序中变得容易。D3 树、旭日图、热图等作为实时更新数据的现成组件包含在内。

ExtReact 表单组件提供了输入掩码、数据验证、键盘导航和焦点管理,以帮助为用户提供无痛苦的数据输入。

列表是移动优先应用程序中的重要组件。ExtReact 列表组件支持分组、索引、分页等。还可以使用手风琴或步进器设计配置多个滑动操作,例如删除或回复消息。

标签页是允许用户快速在多个视图之间切换的好方法。使用 ExtReact 标签页,可以获得多个配置选项,用于位置、标题和图标。标签页也可以是可关闭和禁用的。

ExtReact 提供了灵活的布局,可以处理应用程序中每个组件的大小和位置,跨不同的表单因素和设备类型。ExtReact 提供了布局,这些布局根据可用空间自动调整子元素的大小。通过阅读 ExtReact 布局指南了解更多。

每个组件都可以使用 responsiveConfig 和 platformConfig 属性配置不同的属性值,以适应不同的屏幕尺寸和设备平台。

ExtReact 提供了一个数据包,以轻松地高效扩展远程数据。数据包允许应用程序连接到任何后端数据源,并为网格、树、图表等提供实时更新功能,以及声明式排序、过滤和分组。它具有可扩展的验证系统,内置了多种验证器,如货币、日期、电子邮件、排除、包含、格式、IP 地址、长度、数字、电话号码、时间和更多。通过阅读 ExtReact 数据包指南了解更多。

创建了一个应用程序示例,向展示如何使用 ExtReact 的数据存储与 REST 代理,并使用 node.js 和 SQLLite 实现服务器端排序、过滤和分页。查看 GitHub 仓库,并按照 README 说明开始。

ExtReact 功能包括一个广泛的基于 Sass 的主题 API,使开发人员可以完全控制他们的应用程序的外观和感觉。ExtReact 高级版包括 Sencha Themer,这是一个工具,允许设计师和开发人员在不编写代码的情况下为 ExtReact 应用程序创建漂亮的主题。通过阅读 ExtReact 主题指南了解更多。

ExtReact 包括 TypeScript 定义,使能够在包括 Visual Studio Code 在内的多个代码编辑器中实现代码补全。此功能允许为 ExtReact 组件和属性接收补全建议。

Sencha Fiddle for ExtReact 是一个免费工具,允许在浏览器中尝试 ExtReact 代码,而无需下载或安装任何内容。可以通过保存和共享 Fiddle URL 轻松共享 ExtReact 代码。

ExtReact 组件支持基本的辅助功能,如键盘导航和焦点管理。可以使用键盘在网格单元格之间导航和编辑、切换标签页、控制列表选择、导航树和菜单、打开和关闭对话框等。

沪ICP备2024098111号-1
上海秋旦网络科技中心:上海市奉贤区金大公路8218号1幢 联系电话:17898875485