Angular 8 | Introducción

Angular 8 es un marco web front-end basado en TypeScript del lado del cliente de Google. Angular 8 es una excelente biblioteca de UI (interfaz de usuario) reutilizable para los desarrolladores que ayuda a crear páginas web y aplicaciones web atractivas, estables y utilitarias. Angular 8 es un marco JavaScript innovador que nos permite crear una atractiva aplicación de página única (SPA) . Su primera versión se lanzó en 2012 y se denominó AngularJS. Angular 8 es la versión actualizada de Angular 2.

Aplicaciones de una sola página:

Una aplicación de una sola página (SPA) es una aplicación web que cabe en una sola página. Todo su código (JS, HTML, CSS) se recupera con una sola carga de página. Además, navegue entre las páginas realizadas sin revivir la página completa. Esta es la razón detrás de su robustez.

Características de Angular 8:

Módulos con carga diferida: la carga diferida se basa en los conceptos de enrutamiento angular y ayuda a reducir el tamaño de archivos enormes al cargar de forma diferida los datos que se requieren. Utiliza la sintaxis de importación dinámica estándar en lugar de una string personalizada para módulos con carga diferida. Esta mejora impulsará el soporte de los editores VSCode y WebStorm, quienes podrán evaluar y validar las importaciones. Del mismo modo, TypeScript y linters tendrán la opción de distinguir mejor los módulos faltantes o mal escritos.

TypeScript 3.4: Angular 8 es compatible con TypeScript 3.4 y se requiere para ejecutar el proyecto Angular 8. Esta actualización de las dependencias de la herramienta es un enfoque para sincronizarla con el ecosistema existente. Tiene las ventajas más notables en lo que respecta a la creación de códigos JavaScript limpios y descifrables.

Carga diferencial por defecto: la carga diferencial en Angular 8.0 es la principal mejora de rendimiento en la actualización. La carga diferencial es donde los navegadores seleccionarán paquetes optimizados o de herencia según lo indiquen sus capacidades y cargarán el correcto automáticamente. Además, los clientes recibirán el paquete que requieren. En Angular 8.0, el comando ng build con la extensión –prod realiza la agrupación completa. El tamaño del paquete para los navegadores modernos se reduce entre un 7 y un 20 %.

Trabajadores web: los trabajadores web se incorporan mientras se construyen los paquetes de producción, que son fundamentales para mejorar la paralelización y ayudan a aumentar el rendimiento. Por lo tanto, Angular 8.0 agrega soporte de construcción a CLI, lo que proporciona un paquete para cada trabajador web.

Motor de renderizado Ivy: Ivy se incluye en Angular 8.0 solo como una vista previa opcional para la prueba. Los desarrolladores de Angular pueden intentar decidir el potencial y la ejecución de su aplicación Angular.

• Tree shakable: el código no utilizado se elimina para que la aplicación se concentre en el código que está utilizando.
• Local: solo se vuelven a compilar los componentes que cambian. Esto da como resultado una compilación más rápida.

Compatibilidad con Bazel: Bazel brinda la posibilidad de crear una aplicación CLI de manera más eficiente y rápida. El beneficio de usar bazel es la forma y las pruebas incrementales y constantes. Brinda la oportunidad de hacer los backends y frontends con un dispositivo equivalente. Es probable que tenga compilaciones remotas y reserva en la granja de compilación.

Uso compartido de uso compartido: la telemetría de uso compartido opcional puede recopilar comandos de datos utilizados y la velocidad de fabricación si el usuario lo permite, lo que ayudará a los desarrolladores a mejorar más adelante. Con esto, el marco de la aplicación web de código abierto recopilará datos anónimos solo cuando se le permita hacerlo.

Compatibilidad con versiones anteriores del enrutador: en Angular 8.0, el modo de compatibilidad con versiones anteriores se agrega al enrutador Angular que ayuda a crear el camino para proyectos grandes y facilita el cambio a Angular con carga diferida.

Mejoras en el flujo de trabajo de la CLI: las nuevas API de Builder aprovecharán ng build, ng test y ng run, como Schematics brinda acceso táctil a ng new, ng create, ng-include y ng update. La CLI de Angular está mejorando constantemente, y ahora ng-build, ng-test y ng-run están equipados para ser ampliados con bibliotecas y herramientas de terceros. Angular 8.0 viene con una nueva API que hace que modificar y examinar el documento sea mucho menos complejo.