Novedades de Ignite UI for React 19: React envoltorios, experiencia de desarrollo nativa y más

A principios de este año, lanzamos el tan esperado conjunto de componentes Ignite UI for React 19. Si bien hemos tenido el producto durante algunos años y su versión anterior recibió un total de 9 actualizaciones de funciones, siempre sentimos que podíamos hacerlo mejor. En esta publicación de blog, me centraré en lo que mejoramos y por qué hicimos estos cambios. Permítanme llevarlos en un viaje a través de lo que hemos mejorado y entregado en los últimos meses de desarrollo de React.

¿Qué hay de nuevo? Rendimiento y huella de memoria

Un cambio significativo con respecto a nuestra versión anterior es el cambio a componentes funcionales. Esto significa que las referencias obtenidas de useRef son ahora el elemento nativo esperado en lugar de una instancia de clase. Sin embargo, también nos permite beneficiarnos de un aumento de rendimiento que es común cuando se retiran componentes de clase en React.

Ignite UI for React viene con varios componentes complejos de visualización de datos, incluidos varios React cuadrículas y gráficos, donde el rendimiento realmente importa. Nuestra nueva versión mantiene su enfoque en ofrecer los componentes de interfaz de usuario más rápidos de este tipo al mercado. Si tomamos nuestro componente React Grid como ejemplo, cuando utilizamos técnicas inteligentes para la virtualización, habilitamos la representación casi instantánea y el desplazamiento suave. En el caso de la actuación, mostrar es mejor que contar. Para experimentarlo todo en acción, visite nuestra página de documentación y los ejemplos relevantes allí, que representan React Grid Virtualization and Performance. 

Envoltorios de React mejorados + gestión de estado

Mientras que el renderizado, las operaciones de datos y el rendimiento del desplazamiento eran las dos cosas que teníamos que mantener de nuestra versión anterior. Mientras que la huella de memoria era algo que queríamos mejorar. El componente Wrappers actualizado y más ligero y la administración de estado optimizada permiten que Ignite UI for React 19 ocupe hasta 3 veces menos memoria, especialmente cuando se usa el componente IgrGrid.

Mantenibilidad y soporte

Uno de los beneficios clave que ofrecemos a nuestros clientes es la mejora continua a través de parches regulares y lanzamientos de funciones que brindan una mayor flexibilidad. Planeamos hacer una transición gradual a un ciclo de lanzamiento de parches y nuevas funcionalidades, siguiendo de cerca el enfoque que adoptamos para otros productos, como Ignite UI for Angular. Esto implicará lanzamientos de corrección de errores cada semana y lanzamientos de características aproximadamente seis veces al año.

Características y controles emocionantes

Una ventaja clave Ignite UI for React seguirá ofreciendo en la nueva versión es la amplia variedad de componentes y características integradas. Desde componentes de entrada, botones, diseño y visualización de datos más simples, hasta cuadrículas y gráficos más complejos. Para agregar a eso, IgrGrid viene con cuatro variedades distintas: plana, jerárquica, árbol y pivote, y ofrece docenas de características, que van desde la clasificación, el filtrado, la agrupación de columnas y la edición esperadas hasta otras más específicas pero aún importantes, como el diseño de varias filas, el reordenamiento de filas y la persistencia del estado. La mejor parte es que todo esto viene con plantillas completas y soporte de exportación de Excel.

Experiencia de desarrollo nativo con eventos con sabor a React

Con Ignite UI for React 19, también estamos introduciendo una nueva forma de exponer los eventos de nuestros componentes. Con la nueva versión, ahora puede disfrutar del uso de eventos con prefijo "on" de aspecto nativo para todos los componentes Ignite UI for React.

Escritura estricta

Ignite UI for React 19 es más estricto con los tipos y las propiedades, y ya no acepta cadenas, lo que aporta las ventajas de un tipo más estricto para el mantenimiento.

El requisito clave es cosa del pasado

En versiones anteriores de nuestro conjunto de componentes, algunos componentes requerían una propiedad clave debido a los detalles de implementación internos, incluso en los casos en React normalmente no la necesitarían. Con Ignite UI for React 19, hemos resuelto este problema. Los componentes ahora solo requieren una clave cuando se necesita explícitamente, de acuerdo con la documentación oficial de React. 

¿Por qué React importa?

Desde su lanzamiento inicial, React ha seguido siendo una piedra angular del desarrollo web moderno debido a su enfoque declarativo, arquitectura basada en componentes y fuerte apoyo de la comunidad. Al permitir a los desarrolladores crear interfaces de usuario interactivas con componentes reutilizables, React promueve la capacidad de mantenimiento y la escalabilidad en aplicaciones complejas. Su DOM virtual y su representación eficiente hacen que las experiencias de usuario sean rápidas y receptivas, mientras que su amplia adopción garantiza un rico ecosistema de bibliotecas, herramientas y recursos.

Para seguir siendo competitivos en este ecosistema, tuvimos que ofrecer lo que Infragistics es bien conocido como proveedor de componentes con más de 30 años de experiencia en el mercado: una biblioteca completa de componentes de alto rendimiento y fáciles de usar. Hace tiempo que decidimos que la única forma de hacer esto, no solo para React sino para cualquier marco moderno, es derivar el producto de una base de código común. Este enfoque no solo garantiza el menor tiempo de respuesta posible para cada nueva función y mejora la capacidad de mantenimiento, sino que también permite a nuestros clientes cambiar de plataforma entre proyectos y seguir disfrutando de todos los beneficios de nuestros productos.

Sin embargo, este enfoque también presenta un desafío importante: garantizar que el producto resultante aún se sienta verdaderamente nativo de React. Debe funcionar a la par con las soluciones totalmente nativas, seguir React mejores prácticas y evitar la hinchazón innecesaria de otras plataformas compatibles. Estas fueron las principales áreas en las que nos enfocamos en mejorar, y con Ignite UI for React 19, estamos orgullosos de decir que hemos logrado un progreso significativo.

Pero hay más

Con Ignite UI for React 19, hemos dado un paso importante para ofrecer una experiencia más nativa, de mayor rendimiento y eficiente en memoria para los desarrolladores de React, sin sacrificar la potencia, la flexibilidad y la amplitud que nuestros clientes esperan de Infragistics. Ya sea que esté creando paneles empresariales complejos o aplicaciones web elegantes y ricas en datos, esta versión está diseñada para ayudarlo a hacer más con menos esfuerzo. La mejor parte es que si su organización aún no está lista para adoptar React 19, no tiene que esperar. Ignite UI for React 19 es compatible con React 18.