React 新闻

将平面文件转换为交互式电子表格

9月 16, 2025
将 CSV 文件导入电子表格组件允许用户使用熟悉的界面操作、格式化和分析纯文本数据。

Importing CSV files in spreadsheet components allows developers and end-users to load tabular data from simple text-based formats into an interactive grid. The feature typically supports reading CSV with various delimiters, optional headers, and options about how to treat quoted text, line endings, and text formatting. It provides a bridge between raw data sources (spreadsheets exported from other tools, logs, exports from databases) and richer in-browser or in-application editing, formatting, analysis, or further exporting. For many applications, being able to accept CSV imports is essential for interoperability, ease of data ingestion, and enabling users without deep technical skills to bring their data into a system.

Several React spreadsheet controls offer the ability to import CSV files including:

  • SpreadJS by MESCIUS lets you import CSV files directly into the spreadsheet, preserving data formatting, formulas, and structure for immediate editing.
  • Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio Enterprise) allows you to load CSV files into interactive sheets.
  • Jspreadsheet Pro facilitates easy CSV file import, instantly converting raw data into an editable spreadsheet with sorting, filtering, and customization options.

For an in-depth analysis of features and price, visit our React spreadsheet controls comparison.

Compare React Spreadsheet Controls

用现成的主题转换应用程序

9月 16, 2025
DevExpress DXperience 提供可定制的主题,轻松创建新式、一致且具有视觉吸引力的界面。

DevExpress DXperience is a comprehensive development suite that enables developers to build high-performance applications for Windows, Web, mobile, and tablet platforms using a unified set of controls and tools. It includes hundreds of desktop UI controls for WinForms, WPF, and reporting, as well as web UI controls for Blazor, ASP.NET, MVC, Core, Bootstrap Web Forms, JavaScript, Angular, React, Vue, and web reporting, plus productivity tools like XPO ORM and CodeRush for Visual Studio. With its extensive component library, DXperience accelerates development, ensures visually consistent and responsive interfaces, and is ideal for creating enterprise applications, data-driven web apps, dashboards, and reporting solutions.

DevExpress DXperience enhances application development with new app-wide themes and skins, allowing developers to apply a consistent, modern visual style across entire projects with minimal configuration. By providing professionally designed themes that align with Microsoft Office and Windows 11 aesthetics, along with built-in tools for customizing these designs, it improves the UI design process and reduces the need for manual styling. This enables developers to focus on functionality while delivering polished, cohesive user interfaces that improve usability and maintain a professional appearance across all application modules.

DevExpress DXperience is licensed per developer and is available as a Perpetual License with a 12 month support and maintenance subscription. See our DevExpress DXperience licensing page for full details.

For more information, visit our DevExpress DXperience product page.

在网格单元格中准确处理日期

9月 9, 2025
具有日期/时间单元格类型的 JavaScript 网格提供结构化输入、格式化和验证,以实现更干净、更可靠的时间数据处理。

A date/time cell type in a JavaScript Grid control lets developers manage temporal data more effectively by treating input as actual JavaScript Date objects rather than plain text. This enables built-in features like calendar popups, time pickers, and structured output formats such as "09/09/2025" or "Sep 9 2025", making it easier for users to interact with the data accurately. It's especially useful in applications that rely on scheduling, activity logs, or time-driven reports. Most modern grid libraries also support localization, formatting, and input validation to ensure the cell behavior fits seamlessly with the application's design and data standards.

Several JavaScript Grid controls offer support for Date/Time cell types including:

  • Wijmo FlexGrid (part of Wijmo by MESCIUS) lets you apply rich date/time formatting in cells, supporting custom formats, calendar integration, and internationalized date display.
  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) lets you format date/time cells with predefined patterns, including localized formats.
  • KendoReact Data Grid (part of KendoReact by Telerik) facilitates precise date/time formatting with full control over display masks, culture settings, and dynamic date parsing.
  • Handsontable by Handsoncode allows you to format date/time values directly in cells using configurable display patterns and built-in support for ISO date formats.
  • Ignite UI Angular Grid (part of Infragistics Ignite UI) allows you to define custom date/time formats in cells, handling both short and long styles with locale sensitivity.

For an in-depth analysis of features and price, visit our comparison of JavaScript Grid controls.

Compare JavaScript Grid Controls

将语音输入引入您的 Web 应用

9月 9, 2025
Kendo UI 2025 Q3 为 Angular、React、Vue 和 jQuery 引入了语音转文本按钮,便利了您应用程序 UI 中的语音听写。

Kendo UI is a comprehensive suite of four JavaScript UI libraries for Angular, React, Vue and jQuery that enables developers to build responsive web applications for desktop, tablet, and mobile platforms with minimal effort. It provides a wide range of customizable components such as data grids, charts, schedulers, and form controls that streamline development and can significantly reduce time to market. With built-in support for theming, accessibility, localization, and state management, Kendo UI is ideal for creating data-driven dashboards, CRM systems, e-commerce portals, and administrative interfaces while maintaining high performance and a consistent user experience.

The Kendo UI 2025 Q3 update adds a speech to text button component to its Angular, React, Vue and jQuery libraries. These ready to use components facilitate voice‑driven text input directly within the application, converting speech into text so, with just a single click, users can speak instead of typing. It uses the browser's native Web Speech API and supports over 100 languages with automatic locale detection. Developers also benefit from full control over visual styling, including icons, colors, sizes, fill modes, rounded corners, and CSS, and integration hooks through built‑in states and events, making it straightforward to provide rich voice‑enabled experiences or connect to external AI services.

To see a full list of what's new in 2025 Q3, see our release notes.

KendoReact and Kendo UI are both licensed per developer and share two licensing models: an annual Subscription License and a Perpetual License. The Subscription license provides access to the latest product updates, technical support, and exclusive benefits for a flat annual fee, and must be renewed to continue using the software. The Perpetual license is a one-time purchase granting access to the current released version and includes a one-year subscription for product updates and technical support. After this initial period, users can choose to renew the subscription element to continue receiving updates and support; otherwise, they may continue using the installed version available during their active subscription term but will forgo future updates and support. See our Kendo UI licensing page for full details.

The React library is available individually as KendoReact, while all four Kendo UI libraries are available in the following products:

用日历控件确保可靠的日期输入

9月 2, 2025
JavaScript 日历控件为在基于 Web 的应用程序中管理日期选择提供了可靠且直观的解决方案。

JavaScript calendar controls are user interface components that allow users to select and edit date values directly within data editing environments, such as forms or grids. These controls typically integrate a visual calendar picker, enabling consistent and accurate date input while reducing manual entry errors. For developers, they simplify validation, support localization, and integrate with various data sources, helping ensure a more efficient and user-friendly experience in web applications that require date-related input or filtering.

Several JavaScript data editor collections offer calendar controls including:

  • DevExtreme Complete Data Editors (part of DevExteme Complete by DevExpress) lets you embed a calendar editor that maintains date-entry consistency in browser‑based apps.
  • KendoReact Data Editors (part of KendoReact by Telerik) allows integration of a responsive calendar for intuitive date selection, supporting customization and keyboard navigation.
  • Wijmo Input and Editors (part of Wijmo by MESCIUS) facilitates calendar‑based date editing within JavaScript UI inputs, ensuring accurate date selection across modern frameworks.
  • Infragistics Ignite UI for React Data Editors (part of Infragistics Ignite UI) facilitates the use of a built‑in calendar editor, enabling developers to deliver precise date input.

For an in-depth analysis of features and price, visit our comparison of JavaScript Data Editors.

Compare JavaScript Data Editors