Notícias sobre React

Manipule datas com precisão em células de grade

Setembro 9, 2025
As grades JavaScript com tipos de célula de data/hora oferecem entrada, formatação e validação estruturadas para um tratamento de dados temporais mais limpo e confiável.

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

Traga a entrada de fala para o seu aplicativo Web

Setembro 9, 2025
O Kendo UI 2025 Q3 apresenta um botão de conversão de fala em texto para Angular, React, Vue e jQuery, facilitando o ditado de voz na interface do usuário do seu aplicativo.

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:

Garanta a entrada de datas confiável com controles de calendário

Setembro 2, 2025
Os controles de calendário JavaScript fornecem uma solução confiável e intuitiva para gerenciar a seleção de datas em aplicativos baseados na 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

Renderize códigos QR e códigos de barras em aplicativos React

Agosto 27, 2025
As suítes do React UI incluem ferramentas robustas de código de barras que permitem aos desenvolvedores personalizar as opções de formato, tamanho, simbologia e exportação com o mínimo de configuração.

Barcode components in React UI suites deliver a easy way to integrate machine-readable encoding directly into modern web applications. These components offer a high-level interface for rendering both one-dimensional and two-dimensional barcodes, with customizable options for type (symbology), dimensions, styling, and export formats. They enable developers to choose between vector-based (SVG) or bitmap (Canvas) rendering, and often support direct exports to PNG, PDF, or SVG formats. Such features make barcodes a flexible integration point for inventory systems, shipping labels, ticketing, and other use cases requiring reliable, visual encoding of data within React environments.

Several React UI suites offer Barcode components including:

  • KendoReact by Telerik supports a wide range of one-dimensional (1D) symbologies as well as QR codes, configurable via props for size, color, border, and text.
  • Wijmo by MESCIUS provides React wrappers for numerous barcode controls, including Code128, Codabar, Code39, Ean8, Ean13, GS1-128, QR Code and UPC variants.
  • Syncfusion Essential Studio Enterprise offers React barcode generator components that support both 1D and 2D encoding, including Codabar, QR code, DataMatrix, and UPC-A.
  • jQWidgets includes both barcode and QR Code components among its widget set, making barcode generation available in its comprehensive suite of UI elements.

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

Compare React UI Suites

Tenha mais controle sobre as legendas de gráficos

Agosto 26, 2025
O LightningChart JS v8.0 apresenta um sistema de legenda totalmente reformulado, com padrões mais inteligentes, posicionamento flexível e personalização aprimorada.

LightningChart JS is a high-performance JavaScript charting library that utilizes WebGL rendering and GPU acceleration to deliver exceptional performance for a wide range of data visualization needs. It is designed to handle large datasets and complex visualizations with ease, enabling developers to create interactive and visually appealing 2D and 3D charts. Ideal for applications demanding smooth real-time data updates, such as financial platforms, engineering tools, scientific research dashboards, and industrial monitoring systems, LightningChart JS provides a comprehensive API for customization and integration into web-based projects.

The LightningChart JS v8.0 update completely reworks legend functionality, making legends a property of the chart, removing visual obstructions, and improving adaptability to available space. The API configuration is now more intuitive and capable, with built-in options supporting a wider range of use cases. Plug‑in support also enables easy extension or customization of legend behavior. By default, legends now appear automatically beneath trends, reducing developer setup time, while still allowing you to manually create multiple legends when needed. You can position legends using built-in presets or define custom placements, and control click behavior using either the provided handlers or your own. When creating series, you can also exclude specific ones from appearing in legends, giving you fine-grained control over legend content.

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

LightningChart JS is licensed per developer and is available as an annual license with 1 year support. See our LightningChart JS licensing page for full details.

For more information, see our LightningChart JS product page.