Menu

Angular 8.

angular - May 29, 2019 por Carlos Rojas

Cada 6 meses el equipo de Angular nos trae una versión mayor de Angular y y se ha liberado su nueva versión de Angular.

Otra versión de Angular ?

Si. El equipo de Angular hace un tiempo anuncio su plan predictible de lanzamiento de versiones como una forma de ayudar a los equipos grandes y sus empresas con la planeación de actualizaciones y cambios. Puedes ver las notas aquí.

Voy a tener que aprender Angular de nuevo ?

No. Si has estado trabajando con Angular frecuentemente has notado que las versiones 2, 4, 5, 6 son muy parecidas entre ellas a excepción de pequeños cambios que puedes hacer en el momento que necesites. Puedes ayudarte con este pequeño Asistente.

Si cambia cada 6 meses el codigo de mi empresa va a quedar sin Soporte ?

Todas las versiones mayores de Angular tienen LTS (Long Term Support).

Voy a tener que hacer mi codigo de nuevo ?

No. Si utilizas una versión actual del Angular CLI y estas en una versión reciente la actualización es simplemente ejecutar:

$ng update @angular/cli @angular/core

Si no es el caso. Puedes ingresar a este site Update Angular.

Novedades en la versión 8.

La versión 7 de Angular tiene pequeños parches y varias mejoras, estas son:

  • Differential Loading por defecto.

  • Route Configurations usa Dynamic Imports.

  • Builder APIs en el Angular CLI.

  • Workspace APIs en el Angular CLI.

  • Soporte para Web Workers.

  • Guia de cosas a deprecar.

Differential Loading por defecto.

Differential loading es el proceso por el cual los navegadores eligén entre javascript moderno o legado dependiendo de sus capacidades.

Si usas ng update el proceso sera automatico y lo puedes observar porque el tsconfig.json sera actualizado.

Route Configurations usa Dynamic Imports.

Se ha cambiado la forma de declarar la carga a través de Lazy Loading a la manera estandar de dynamic imports.

Antes:

{path: '/admin', loadChildren: './admin/admin.module#AdminModule'}

Ahora:

{path: `/admin`, loadChildren: () => import(`./admin/admin.module`).then(m => m.AdminModule)}

Este cambio aumentara el soporte de los editores como VSCode o WebStorm.

Builder APIs en el Angular CLI.

Se ha agregado una nueva API en el CLI para poder construir procesos en ng build, ng test y ng run. Es parecido a Schematics. Puedes probarlo con:

ng add @angular/fire
ng run my-app:deploy

Más info

Workspace APIs en el Angular CLI.

Se ha agregado una nueva API en el CLI para no tener que modificar el angular.json directamente.

Más info

Soporte para Web Workers.

Ahora puedes agregar Web Workers de una manera facíl y sencilla. con el comando:

ng generate webWorker my-worker

y luego lo puedes usar de la siguiente manera.

const worker = new Worker(`./my-worker.worker`, { type: `module` });

Más info

Guia de cosas a deprecar.

Debido a la estabilidad que buscan en Angular es común que se vean deprecadas APIs con la llegada de nuevas versiones. Ahora se centralizara esto con la siguiente Guia

Bueno espero que sea de ayuda y no te olvides comentar y compartir :)

¡Compártelo!