Angular 8 ha salido hace unos meses, e incluye un puñado de nuevas y útiles características que los desarrolladores ya están utilizando. La popular estructura web del lado del cliente de Google continúa evolucionando, y la última versión principal incluye características que se centran en el rendimiento, la estabilidad y las herramientas.
Aquí hay una lista de las 5 principales características nuevas del marco, junto con un bono al final. Debería haber un montón de nuevas características aquí para ayudarte a construir mejores aplicaciones hoy y darte una razón para estar entusiasmado con el futuro de Angular.
1. Carga diferencial
La carga diferencial es una nueva característica que te permite usar la versión 8 de la CLI Angular para crear dos paquetes de producción diferentes de tu aplicación. Los atributos en la etiqueta de su archivo index.html permiten al navegador solicitar el paquete más apropiado; los navegadores modernos solicitarán un paquete que utilice la sintaxis de JavaScript ES2015 y será significativamente más pequeño que el paquete heredado que utiliza la sintaxis ES5 para mantener la compatibilidad con los navegadores más antiguos. La carga diferencial está habilitada por defecto para las nuevas aplicaciones creadas con la versión 8 de la CLI, pero puede habilitar fácilmente esta característica en sus aplicaciones existentes actualizando a Angular 8, añadiendo un archivo de configuración de la lista de navegadores y estableciendo la opción «target» en su archivo tsconfig.json a «es2015». ¿El resultado? Tus usuarios con navegadores modernos obtienen un paquete más pequeño que carga más rápido (y pone una mayor sonrisa en su cara).
2. Nueva sintaxis de carga perezosa
Los módulos de carga perezosa han sido una buena práctica en Angular durante bastante tiempo. Eso no ha cambiado en la versión 8, pero en lugar de la sintaxis propietaria para permitir la carga perezosa, el marco de trabajo ha adoptado la sintaxis de importación dinámica más común utilizada ampliamente en el desarrollo web del lado del cliente. La nueva sintaxis se basa menos en el análisis de los nombres de clase de las cadenas y permite a los editores y a los IDEs comprobar que estás importando los elementos correctos.
3. Crear trabajadores de la web con el CLI
Angular 8 facilita más que nunca el uso de trabajadores de la web para manejar tareas intensivas de la CPU en tus aplicaciones. La versión 8 de Angular CLI incluye un nuevo esquema usado con el comando ng generate para crear y actualizar los archivos necesarios en tu proyecto para añadir un nuevo trabajador web. Los archivos nuevos y actualizados incluyen una plantilla básica para tu nuevo trabajador web para que puedas preocuparte menos por la sintaxis del boilerplate y puedas concentrarte más rápidamente en escribir el código que quieres ejecutar en un hilo de fondo.
4. API de constructores y espacios de trabajo
Aunque probablemente no son una característica que usarás en todos los proyectos, Angular 8 también incluye nuevas APIs que te permiten crear comandos personalizados de construcción y despliegue usando ganchos en los familiares comandos de construcción, prueba y ejecución de ng. También hay nuevas APIs que te permiten abrir y trabajar con el espacio de trabajo definido en tu archivo angular.json, lo que debería reducir la cantidad de manipulación manual necesaria para configurar perfectamente tu proyecto.
5. Una nueva guía para las características antiguas
El equipo de Angular incluyó una nueva guía de depreciación con Angular 8 para facilitar a los desarrolladores el seguimiento de las características y APIs depreciadas. La creación de esta guía no debe ser malinterpretada como una advertencia de que las deprecaciones serán lanzadas a la comunidad de desarrolladores con poco tiempo para remediarlas. De hecho, el equipo de Angular se ha comprometido a apoyar las características de dos versiones importantes después de haber sido oficialmente desaprobadas. La estabilidad resultante en el marco, junto con la útil guía de depreciación, debería facilitar la transición para dejar de lado esas características más antiguas.
En el horizonte: Ivy y Bazel
Dos de las más esperadas y nuevas características de Angular no llegaron a la versión 8, pero puedes probarlas usando una nueva vista previa.
Ivy es el nombre en clave de la próxima generación de tuberías de compilación y renderizado. El objetivo de Ivy es producir paquetes de aplicaciones más pequeños y rápidos de forma transparente para los desarrolladores que utilizan el pipeline de renderizado actual. Bazel es una herramienta de código abierto para construir y probar que se utiliza ampliamente en Google. El equipo de Angular está trabajando para integrar Bazel en el conjunto de herramientas estándar de Angular para permitir a los desarrolladores realizar construcciones incrementales más rápidas en proyectos grandes. Aunque no están listas para su uso en producción, puedes optar por ambas herramientas y llevarlas a una prueba si estás ansioso por ver lo que ofrecen.
¡Instale Angular 8 hoy y pruébelo! El presente y el futuro del marco parecen tan brillantes como siempre.