Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
May 14, 2022 12:29 am GMT

Una actualizacin sobre los componentes independientes

(y directivas y pipes!)

Artculo original de Angular Blog por Alex Rickabaugh en ingls aqu:

Durante el artculo encontrars la RFC(Request for Comments) o Solicitud de comentarios, Carga diferida se refiere (lazily) o lazy loading.

Hace unos meses se public el primer RFC relacionado con un proyecto conocido como "componentes independientes". Este proyecto tiene un objetivo ambicioso: reducir el modelo estndar y hacer que Angular sea ms fcil de usar y aprender al hacer posible la creacin de componentes y aplicaciones sin NgModules.

Unas semanas, despus, se construyo sobre esa base con un segundo RFC que analiza cmo los componentes independientes se integrarn en el resto del marco Angular. En esta publicacin, compartiremos una actualizacin del proyecto, algunas lecciones aprendidas hasta ahora y lo que los desarrolladores pueden esperar en el futuro cercano.

Por qu componentes independientes?, Qu tiene de malo los NgModules?

Los componentes independientes ayudarn a:

  • Reducir el modelo estndar en muchas aplicaciones, especialmente para aquellas que ya utilizan patrones arquitectnicos como el patrn de mdulo angular de componente nico (SCAM). Single Component Angular Module

  • Facilitar el aprendizaje de Angular eliminando el concepto NgModule de la curva de aprendizaje crtica de los desarrolladores nuevos en Angular

  • Permitir ofrecer nuevas API y ms optimizadas para casos de uso comunes

Un requisito comn en una aplicacin es cargar de forma diferida una ruta especfica. Lograr esto hoy es bastante detallado. Para cargar de forma diferida una ruta a LazyPageComponent, por ejemplo:

Esto es mucho cdigo para escribir y entender. Tambin es demasiado fcil cometer errores sutiles. Por ejemplo, si olvida importar LazyPageModule a LazyPageRoutingModule, es posible que esta ruta no funcione en tiempo de ejecucin si a LazyPageComponent le faltan dependencias.

Con las nuevas API que aprovechan las garantas proporcionadas por los componentes independientes, lo anterior se puede reducir a:

Para obtener ms detalles sobre la API loadComponent propuesta para la carga diferida de componentes independientes individuales, obtenga ms informacin en el nuevo RFC.

Qu hay en el segundoRFC?

En los ltimos meses, hemos centrado nuestros esfuerzos en la cuestin de cmo los componentes independientes encajan en el resto de Angular y cmo se pueden usar para lograr casos de uso especficos sin necesidad de recurrir a NgModules. El segundo RFC propone nuevas API que se integran con componentes independientes para admitir casos de uso importantes que anteriormente requeran NgModules:

  • Hacer Bootstrapping de una aplicacin

  • Cargar diferidamente componentes y/o rutas adicionales a travs del enrutador

  • Crear instancias dinmicamente de componentes en tiempo de ejecucin

Adems, el RFC cubre otras API relacionadas con el objetivo ms amplio de reducir la necesidad de escribir NgModules, que incluyen:
Uso de NgModules existentes (como los de las bibliotecas) en las API existentes
Proporcionar lgica de inicializacin en varios contextos, previamente soportada por NgModules

Qu desafos hemos encontrado?

El tamao del cdigo siempre es una consideracin importante al agregar cualquier caracterstica nueva a Angular, incluido el proyecto independiente. Pasamos mucho tiempo pensando en el impacto que tendrn las nuevas caractersticas en los tamaos de los paquetes y cmo minimizar ese impacto en casos comunes. A menudo, estas consideraciones van en ambos sentidos: las aplicaciones existentes que an utilizan API ms antiguas no deberan necesitar enviar cdigo asociado con las nuevas, pero los usuarios de API ms nuevas tampoco deberan necesitar enviar cdigo asociado con las ms antiguas.

Por ejemplo, las aplicaciones que emplean la nueva API de arranque independiente propuesta no deberan necesitar enviar el cdigo asociado con el sistema de arranque anterior basado en NgModule. Hacer que esto funcione de manera ptima es un desafo, ya que las API ms antiguas no necesariamente se han diseado teniendo en cuenta estas consideraciones.

Cmo cambiar esto la gua de estilo deAngular?

A corto plazo, no planeamos actualizar la gua de estilo de Angular ni la aplicacin predeterminada de ng new. Los componentes independientes estarn disponibles por primera vez como una funcin opcional.
A ms largo plazo, recopilaremos comentarios de los desarrolladores de nuestra comunidad a medida que usen las nuevas API y usaremos esos comentarios para revisar tanto la gua de estilo como la experiencia ng new.

Qu tan avanzado est el proyecto? Cundo puedo utilizar componentes independientes?

La implementacin de la funcionalidad central de los componentes independientes ya est en marcha y hemos comenzado a crear prototipos de las API propuestas que se describen en el nuevo RFC. A medida que recibamos comentarios, perfeccionaremos esas implementaciones.

Dado que toda la funcionalidad de los componentes independientes y las API asociadas son opcionales y no se rompen, los componentes independientes no tienen que esperar a una versin principal; podremos lanzar esta nueva funcin emocionante en una prxima versin secundaria de Angular tan pronto como est listo. As que permanezca atento a medida que continuamos progresando y asegrese de leer el RFC!


Original Link: https://dev.to/macaoblog/una-actualizacion-sobre-los-componentes-independientes-4m12

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To