Angular 17, la última versión del marco de desarrollo de aplicaciones web basado en TypeScript de Google, ha llegado, con un flujo de control integrado para mejorar la experiencia del desarrollador. Presentado a través de un boletín el 8 de noviembre, se puede acceder a Angular 17 desde GitHub. Google con Angular 17 ha lanzado una sintaxis de plantilla de bloque que proporciona funciones «poderosas» con interfaces de usuario simples y declarativas. Esta sintaxis de bloque se ha utilizado para un flujo de control integrado optimizado, que ofrece una mejor verificación de tipos debido a una reducción de tipos más óptima. Disponible como vista previa para desarrolladores en Angular 17, el flujo de control también permite una sintaxis más ergonómica y más cercana a JavaScript. y por lo tanto es más intuitivo y requiere menos búsquedas de documentación. El flujo de control también ofrece importantes mejoras de rendimiento y está disponible automáticamente en plantillas sin importaciones adicionales. Angular 17 también presenta un conjunto de nuevos ganchos de ciclo de vida, afterRender, para registrar una devolución de llamada que se invocará cada vez que una aplicación termine de renderizarse, y afterNextRender, para registrar una devolución de llamada que se invocará la próxima vez que la aplicación termine de renderizarse. Estos se han configurado como parte de un plan para mejorar el rendimiento de SSR (renderizado del lado del servidor) y SSG (generación de sitio estático) de Angular al alejarse eventualmente de la emulación DOM y las manipulaciones directas de DOM. Google dice que el flujo de control mejora significativamente el rendimiento. , citando un tiempo de ejecución hasta un 90 % más rápido con bucles de flujo de control integrados, compilaciones hasta un 87 % más rápidas para el renderizado híbrido y compilaciones hasta un 67 % más rápidas para el renderizado del lado del cliente. Angular 17 sigue al lanzamiento de mayo de Angular 16, que Enfatizó la reactividad y el rendimiento. Otras características de Angular 17 incluyen: La hidratación, el proceso que restaura la aplicación renderizada del lado del servidor en el cliente, no está en la vista previa del desarrollador y está habilitada de forma predeterminada. La hidratación aumenta el rendimiento al evitar trabajo adicional para recrear nodos DOM. Angular Signals, para realizar un seguimiento granular del estado en una aplicación, se gradúa desde la vista previa del desarrollador. Esta característica permite que el marco optimice las actualizaciones de renderizado. Se planean más capacidades para Signals para mejorar la experiencia del desarrollador con Angular 18. Una nueva capacidad de vistas diferibles, también en una vista previa para desarrolladores, permite a los desarrolladores cargar componentes y dependencias transitivas de manera diferida con una sola línea de código declarativo. La experiencia de renderizado híbrido ha sido renovada. SSR y SSG se acercan a los desarrolladores a través de un aviso en ng new. El creador de aplicaciones introducido en Angular 16, que presenta ESBuild más una experiencia de compilación basada en Vite, está habilitado de forma predeterminada para nuevas aplicaciones. Algunos usuarios han informado de una mejora del 67 % en el tiempo de construcción. La API View Transitions, para transiciones fluidas al cambiar el DOM, ahora es compatible directamente con el enrutador Angular a través de la función ViewTransitions. La directiva de imagen Angular ahora genera automáticamente enlaces de preconexión para dominios proporcionados como argumento para el cargador de imágenes. El equipo de desarrollo de Angular también está lanzando una vista previa beta de angular.dev, con planes de convertirlo en el sitio web predeterminado para Angular con Angular 18. Será el nuevo hogar para la documentación de Angular, con orientación actualizada para ayudar con las últimas funciones de Angular. estructura. Copyright © 2023 IDG Communications, Inc.

Source link