Angular 9.

December 07, 2019

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 9.

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

  • Ivy Compiler.
  • Bundles más pequeños y mejor rendimiento.
  • Se ha agregado undecorated classes migration schematic en el core.
  • Builder APIs en el Angular CLI.
  • Soporte para el formato de diagnostico de TypeScript.
  • CLIPBOARD MODULE

Ivy Compiler.

A pesar de que en la version 8 podias activar Ivy para el renderizado, en la versión 9 ya sera el sistema de renderizado por defecto. Si quieres saber más de Ivy puedes leer este Post.

Bundles más pequeños y mejor rendimiento.

Las mejoras en el rendimiento y los bundles son principalmente por Ivy acá algunos cambios:

  • ivy: don’t store public input names in two places
  • ivy: fix creation time micro-benchmarks
  • ivy: Improve performance of transplanted views
  • ivy: avoid native node retrieval from LView
  • ivy: avoid repeated native node retrieval and patching
  • ivy: avoid repeated tNode.initialInputs reads
  • ivy: move local references into consts array
  • ivy: R3TestBed — Do not process NgModuleDefs that have already been processed

Undecorated Classes.

Agregada undecorated classes migration schematic en el core. Desde Angular 9 es obligatorio tener el angular decorator en la clase.

TypeScript.

Typescript version 3.6 es requerida ahora, lo cual incluye stricter generators, mejor experiencia de desarrollo con promesas y mejoras para la precision de array spread.

CLIPBOARD MODULE

Nuevo modulo de clipboard en CDK lo cual introduce en Angular 9 para interactuar con el portapapeles usando el Clipboard API, los usuarios puede cortar contenido y leer el valor actual del portapapeles.

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

Si este contenido te parece útil y me quieres ayudar a hacer mas considera apoyarme en Patreon.

Bueno eso es todo por ahora. Espero sea de utilidad :)