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
La Ignite UI for React State Persistence in React Data Grid, React Tree Grid y React Hierarchical Grid permite a los desarrolladores guardar y restaurar fácilmente el estado de la cuadrícula. Cuando se aplicaIgrGridState en el ReactIgrGrid, expone losGetState métodosGetStateAsStringApplyStateApplyStateFromString que los desarrolladores pueden usar para lograr la persistencia de estado en cualquier escenario. Las características compatibles son:
- 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
El componente de medidor radial React proporciona varios elementos visuales, como una aguja, marcas de marca, rangos y etiquetas, para crear una forma y escala predefinidas. TambiénIgrRadialGauge tiene soporte integrado para transiciones animadas. Esta animación se puede personalizar fácilmente configurando latransitionDuration propiedad.
New Linear Gauge
La Ignite UI para React componente de calibre lineal permite visualizar datos en forma de calibre lineal. ProporcionaIgrLinearGauge una visión sencilla y concisa de un valor comparada con una escala y uno o más rangos. Soporta una escala, un conjunto de marcas y un conjunto de etiquetas. El componente también tiene soporte incorporado para transiciones animadas. Esta animación se puede personalizar fácilmente configurando latransitionDuration propiedad. Las características del componente de calibre lineal incluyen orientación y dirección configurables, elementos visuales configurables como la aguja y más.
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
El componente React Grupo de Botones se utiliza para organizarIgrToggleButton s en grupos de botones estilizados con alineación horizontal/vertical, selección de uno o varios y desactivar el dispositivo.
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.
