Justo a tiempo para el 17 de Angular: ¡es Ignite UI 17.0.0!
Angular 17 está aquí con una nueva marca, un nuevo sitio web, recursos de aprendizaje y más. Pero también tenemos Ignite UI 17.0.0. Vea las novedades allí.
Radoslav Mirchev
7min read
Angular 17 está aquí y muchos se refieren a él como Angular Renacimiento. Nuevas funciones, nueva marca, nuevo sitio web, nueva identidad con visión de futuro: estas cosas emocionantes lo convierten en un lanzamiento realmente especial. Y justo a tiempo para Angular 17, también hay Ignite UI 17.0.0.
Pero, ¿de qué se trata toda esta emoción? Echemos un vistazo a las novedades que hay allí:
- Un viaje de aprendizaje reescrito, mejor documentación y tutoriales en Angular.dev, lo que permite a todos comenzar a aprender a su propio ritmo y usar el marco para sus proyectos mucho más fácilmente que antes.
- El nuevo flujo de control integrado que tiene el objetivo de ayudar a los desarrolladores a abordar *ngIf, *ngSwitch y *ngFor y lograr "hasta un 90% más de tiempo de ejecución con bucles de flujo de control incorporados".
- Las nuevas vistas diferibles que permiten una carga diferida declarativa y potente con una "ergonomía sin precedentes", lo que hace que Angular sea más rápida y eficaz que nunca.
- Hidratación, compatibilidad con renderizado híbrido y SSR, todo para mejorar tanto la experiencia del desarrollador como el rendimiento de la aplicación.
- Vite y esbuild que ahora están habilitados de forma predeterminada para nuevos proyectos.
- Además, hay más cosas que se exploran en detalle en el blog de la versión de Angular 17: presentación de Angular v17
Como señala Minko Gechev, líder de Producto y DevRel para Angular en Google; El renacimiento de Angular ha ido a toda máquina durante las últimas dos versiones. Hemos ido ganando impulso con mejoras como la reactividad basada en señales, la hidratación, los componentes independientes, la composición directiva y docenas de otras características".
Si vamos a comparar esto con lo que hace el equipo de Ignite UI for Angular, son 7 años de mantenerse al día con todo lo nuevo en Angular, 13 versiones principales, en 7 días en promedio. Todo esto porque estamos comprometidos a mantenernos a la vanguardia de la innovación. Y ahora, recién salido de Angular versión 17, puede impulsar sus procesos de desarrollo con una biblioteca Ignite UI for Angular mejorada, compatible con las actualizaciones más recientes y emocionantes del marco.
| Angular Version | Release date | Ignite UI for Angular | Release date | Turnaround time in days |
|---|---|---|---|---|
| 4.0.0 | 13-Dec-16 | 4.0.0 | 18-April-17 | 126 |
| 5.0.0 | 1-Nov-17 | 5.0.0 | 3-Nov-17 | 2 |
| 6.0.0 | 4-May-18 | 6.0.0 | 21-May-18 | 17 |
| 7.0.0 | 18-Oct-18 | 7.0.0 | 26-Nov-18 | 39 |
| 8.0.0 | 28-May-19 | 8.0.0 | 19-Jun-19 | 22 |
| 9.0.0 | 6-Feb-20 | 9.0.0 | 11-Feb-20 | 5 |
| 10.0.0 | 24-Jun-20 | 10.0.0 | 25-Jun-20 | 1 |
| 11.0.0 | 11-Nov-20 | 11.0.0 | 13-Nov-20 | 2 |
| 12.0.0 | 12-May-21 | 12.0.0 | 14-May-21 | 2 |
| 13.0.0 | 4-Nov-21 | 13.0.0 | 23-Nov-21 | 19 |
| 14.0.0 | 2-Jun-22 | 14.0.0 | 9-Jun-22 | 7 |
| 15.0.0 | 16-Nov-22 | 15.0.0 | 23-Nov-22 | 7 |
| 16.0.0 | 3-May-23 | 16.0.0 | 15-May-23 | 12 |
| 17.0.0 | 8-Nov-23 | 17.0.0 | 9-Nov-23 | 1 |
Ignite UI for Angular tiempo medio de respuesta para que coincida con la última versión de Angular es de 7 días.
Novedades de Ignite UI for Angular 17.0.0
Angular 17 compatibility
Improved tree-shaking capability
Hemos estado trabajando en mejorar la capacidad de sacudida de árboles del producto desde la versión 16.1.0. Hemos realizado los siguientes cambios:
- Animaciones: Ahora exportadas desde un nuevo punto de entrada en 'igniteui-angular/animations'. Las animaciones no utilizadas ya no se incluirán en el producto.
- Localización: Ya no obtendrá todos los recursos de localización predeterminados, independientemente de si utiliza determinados componentes o no. Obtendrá cadenas solo para los componentes que utilice en su aplicación.
- Marca de agua de prueba: Ya no recibirá una marca de agua de prueba en el paquete cuando utilice un paquete con licencia, aunque la marca de agua de prueba no se utilice.
- Iconos de material extendidos: ya no obtendrás iconos sin usar en el paquete.
Componentes autónomos oficiales
La compatibilidad con componentes independientes ahora está fuera de la versión preliminar. Todos los componentes igniteui-angular se exportan como componentes independientes. También hay matrices de directivas de utilidad para cada componente. Obtenga más información sobre los componentes independientes en este artículo.
Registro de cambios completo de Ignite UI for Angular 17.0.0
Estos son todos los cambios notables:
- `IgxCard`
- **Cambio de última hora** El atributo 'type' ha quedado obsoleto y se eliminará en una versión futura. La vista predeterminada del componente de la tarjeta ahora es "delineada". Los usuarios pueden cambiar a la vista "elevada" agregando la propiedad "elevada" recién creada a una tarjeta.
- El soporte de 'componentes independientes' ya es oficial
- added `IGX_RADIO_GROUP_DIRECTIVES` for `IgxRadioGroupDirective` and `IgxRadioComponent`
- Las 'animaciones' ahora se importan de 'igniteui-angular/animations'/'@infragistics/igniteui-angular/animations'
- Se ha mejorado la sacudida de árboles del producto.
- 'igniteui-angular-i18n' ahora se puede mover como un árbol.
- 'igniteui-angular/animations' ahora se puede mover en el árbol.
- Los componentes 'igniteui-angular' han mejorado la sacudida de los árboles
- **Cambio importante** 'getCurrentResourceStrings' ha sido eliminado. En su lugar, utilice las importaciones de cadenas de componentes específicas.
- Por ejemplo, las cadenas EN provienen de 'igniteui-angular': 'import { GridResourceStringsEN } from 'igniteui-angular';'
- Por ejemplo, DE u otras cadenas de idioma provienen de 'igniteui-angular-i18n': 'import { GridResourceStringsDE } from 'igniteui-angular-i18n';'
- El token y las entradas DisplayDensity están en desuso en favor de la temática '–ig-size'
- Estamos trabajando para reducir el tamaño de la biblioteca
- El tamaño de 'IgxRadioComponent' se ha reducido a la mitad.
- El tamaño de 'IgxSwitchComponent' se ha reducido a la mitad.
- `IgxRadioComponent`
- **Cambio de última hora** 'IChangeRadioEventArgs' ahora es 'IChangeCheckboxEventArgs'. 'ng update' a '17.0.0' migrará automáticamente esto por usted.
- **Cambio importante** 'RadioLabelPosition' ahora es 'LabelPosition'. 'ng update' a '17.0.0' migrará automáticamente esto por usted.
- `IgxSwitchComponent`
- **Cambio importante** 'IChangeSwitchEventArgs' ahora es 'IChangeCheckboxEventArgs'. 'ng update' a '17.0.0' migrará automáticamente esto por usted.
- **Cambio importante** 'SwitchLabelPosition' ahora es 'LabelPosition'. 'ng update' a '17.0.0' migrará automáticamente esto por usted.
- `IgxCombo`
- **Cambio de última hora** Las propiedades 'newSelection' y 'oldSelection' de 'IComboSelectionChangingEventArgs' se han renombrado a 'newValue' y 'oldValue' respectivamente para reflejar mejor su función. Al igual que el 'valor' de Combo, estos emitirán los valores de propiedad especificados o elementos de datos completos dependiendo de si 'valueKey' está configurado o no. Las migraciones automáticas están disponibles y se aplicarán en 'ng update'.
- 'IComboSelectionChangingEventArgs' expone dos nuevas propiedades: 'newSelection' y 'oldSelection' en lugar de las antiguas que ya no se ven afectadas por 'valueKey' y emiten elementos de forma coherente desde los 'datos' de Combo.
Nota: En escenarios de datos remotos con 'valueKey' establecido, los elementos seleccionados que no forman parte actualmente del fragmento de datos cargado se emitirán como un objeto de datos de elemento parcial con la propiedad 'valueKey'.
- **Cambio de última hora**: las propiedades 'added' y 'removed' de 'IComboSelectionChangingEventArgs' ahora siempre contienen elementos de datos, independientemente de que se haya establecido 'valueKey'. Esto los alinea con las propiedades 'newSelection' y 'oldSelection' actualizadas, incluida la misma limitación para datos remotos que se describió anteriormente.
- `IgxSimpleCombo`
- **Cambio de última hora**: las propiedades 'newSelection' y 'oldSelection' de 'ISimpleComboSelectionChangingEventArgs' se han renombrado a 'newValue' y 'oldValue' respectivamente para reflejar mejor su función. Al igual que el 'valor' de Combo, estos emitirán el valor de propiedad especificado o el elemento de datos completo dependiendo de si 'valueKey' está establecido o no. Las migraciones automáticas están disponibles y se aplicarán en 'ng update'.
- 'ISimpleComboSelectionChangingEventArgs' expone dos nuevas propiedades: 'newSelection' y 'oldSelection' en lugar de las antiguas que ya no se ven afectadas por 'valueKey' y emiten elementos de forma coherente desde los 'datos' de Combo.
Nota: En escenarios de datos remotos con 'valueKey' establecido, los elementos seleccionados que no forman parte actualmente del fragmento de datos cargado se emitirán como un objeto de datos de elemento parcial con la propiedad 'valueKey'.
- Las propiedades 'value' y 'selection' ahora devuelven correctamente un solo valor o elemento de datos en lugar del mismo envuelto en array y 'undefined' en lugar de un array vacío, coincidiendo con los valores emitidos por el evento de selección y cuando se trabaja con las directivas 'formControlName'/'ngModel'.
- `IgxCombo`,`IgxSimpleCombo`
- **Cambio importante** La propiedad 'displayValue' ahora devuelve el texto de visualización como se esperaba (en lugar de mostrar los valores en la matriz).
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 Angular. 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 for Angular 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.
