Novedades: versión 24.1 Ignite UI for React
Descubre todas las novedades de la última versión Ignite UI for React 24.1. Nuevas cuadrículas, medidores y características: todo esto forma parte de nuestro lanzamiento continuo. Más información aquí.
Radoslav Mirchev
5min read
Nos complace compartir que Ignite UI for React ha recibido toneladas de mejoras significativas, introduciendo nuevas características que mejoran la funcionalidad y el rendimiento como parte de nuestro lanzamiento continuo. Algunas de las actualizaciones clave incluyen varios componentes como la cuadrícula jerárquica, el grupo de botones, algunos indicadores para mejorar las visualizaciones de datos y más. Todos estos están diseñados para ayudar a los desarrolladores a crear aplicaciones web receptivas y de alta calidad con facilidad. Pero explorémoslos en detalle.
Version 18.4
Changelog 18.4
Función de persistencia de estado para el componente de cuadrícula
The Ignite UI for React State Persistence in React Data Grid, React Tree Grid and React Hierarchical Grid allows developers to easily save and restore the grid state. When the IgrGridState is applied on the React IgrGrid, it exposes the GetState, GetStateAsString, ApplyState and ApplyStateFromString methods that developers can use to achieve state persistence in any scenario. The supported features are:
- Clasificación
- Filtración
- Filtrado avanzado
- Paginación
- Selección de celda
- Selección de fila
- Selección de columna
- Fijación de filas
- Expansión
- Agrupar por
- columnas
- Multi column headers
- Orden de columnas
- Propiedades de columna definidas por la interfaz 'IColumnState'.
Version 18.5
Changelog 18.5
Chart Highlight filter feature
Los componentes del gráfico Ignite UI for React admiten una superposición de resaltado de datos que puede mejorar la visualización de las series trazadas en esos gráficos al permitirle ver un subconjunto de los datos trazados. Cuando está habilitado, esto resaltará un subconjunto de datos mientras muestra el conjunto total con una opacidad reducida en el caso de los tipos de series de columna y área, y una línea discontinua en el caso de los tipos de series de líneas. Esto puede ayudarle a visualizar cosas como los valores objetivo frente a los valores reales con su conjunto de datos. Esta característica se muestra en el siguiente ejemplo:
Version 18.6
Changelog 18.6
Nuevo componente de cuadrícula jerárquica
El Ignite UI para React cuadrícula de datos jerárquicos se utiliza para mostrar y manipular datos tabulares jerárquicos. Vincule rápidamente sus datos con muy poco código o use una variedad de eventos para personalizar diferentes comportamientos. Este componente proporciona un amplio conjunto de funciones como selección de datos, filtrado de estilo de Excel, ordenación, paginación, plantillas, movimiento de columnas, fijación de columnas, exportación a Excel y CSV, y más. La cuadrícula jerárquica se basa en el componente de cuadrícula plana y amplía su funcionalidad al permitir a los usuarios expandir o contraer las filas de la cuadrícula principal, revelando las cuadrículas secundarias correspondientes, cuando se necesita información más detallada.
New Radial Gauge
The React radial gauge component provides a number of visual elements, like a needle, tick marks, ranges, and labels, in order to create a predefined shape and scale. The IgrRadialGauge also has built-in support for animated transitions. This animation is easily customizable by setting the transitionDuration property.
New Linear Gauge
The Ignite UI for React linear gauge component allows for visualizing data in the form of a linear gauge. The IgrLinearGauge provides a simple and concise view of a value compared against a scale and one or more ranges. It supports one scale, one set of tick marks and one set of labels. The component has also a built-in support for animated transitions. This animation is easily customizable by setting the transitionDuration property. The features of the linear gauge component include configurable orientation and direction, configurable visual elements such as the needle, and more.
New Bullet Graph Gauge
El componente de gráfico de viñetas React permite una vista lineal y concisa de las medidas comparadas con una escala.
El componente de gráfico de viñetas Ignite UI for React le brinda la capacidad de crear presentaciones de datos atractivas, reemplazando los medidores y medidores que se utilizan en los tableros con gráficos de barras simples pero directos y claros. Un gráfico de viñetas es una de las formas más efectivas y eficientes de presentar el progreso hacia los objetivos, rangos buenos/mejores/mejores, o comparar múltiples mediciones en el menor espacio horizontal o vertical posible.
Nuevo componente Área de texto
El componente Ignite UI para React área de texto representa un control de edición de texto sin formato de varias líneas. Es útil cuando desea permitir que los usuarios escriban una cantidad considerable de texto de forma libre, como un comentario en un formulario de revisión o comentarios.
Nuevo componente Grupo de botones
The React Button Group component is used to organize IgrToggleButtons into styled button groups with horizontal/vertical alignment, single/multiple selection, and toggling.
Para terminar...
Diseñada a la perfección para la compatibilidad, Ignite UI for Angular es la biblioteca que le permite aprovechar el poder de las últimas tecnologías y los principales lanzamientos. Comprometidos a proporcionarle el mejor kit de herramientas de interfaz de usuario Angular y conocimientos relacionados, nuestro objetivo es equiparlo con más conocimientos, nuevas funciones, rendimiento mejorado y estabilidad mejorada. Algunas de las mejoras se agregaron gracias a las solicitudes de usuarios como tú a través de nuestro repositorio de GitHub Ignite UI for React. Con esto en mente, siempre estamos abiertos a sugerencias y comentarios, ya que nos hacen crecer y responder mejor a sus necesidades de desarrollo.
Si necesitas más detalles, te animamos a que consultes nuestro:
Además
Siga Ignite UI en Medium para mantenerse al día y conocer los últimos proyectos relacionados con la Angular en los que estamos trabajando. Danos una estrella en GitHub y ayúdanos a seguir mejorando nuestro producto abordando cualquier inquietud, pregunta o solicitud de características en la sección de problemas.
