Angular está considerando volver ngModule opcional

Angular consulta con la comunidad acerca de una nueva forma de trabajar con componentes

hace 3 años   •   3 min de lectura

Por Andrés Tuñón
Adieu NgModules

Para ponerlos en contexto, un módulo en Angular es solo un conjunto de dependencias que serán compartidas entre componentes relacionados (simplificándolo mucho).

Es como decir desde antes, que voy a utilizar en todos los componentes que estoy declarando; de este modo te ayuda y "obliga" a organizar tus componentes en módulos, por esto Angular se considera modular.

Las bases

Cuando uno aprende a usar Angular, lo primero que uno aprende es a generar una aplicación nueva y acto seguido crearle un Shared Module. Si quieres un poco más de orden, vas creando Features Modules o un módulo de páginas para simplicar.

Ejemplos de Arquitecturas Simples
Ejemplos de Arquitecturas Simples

¿Y cual es el problema?

Además, de que es un modelo mental distinto al de otras tecnologías; las dependencias pueden ser un caos al estar trabajando en aplicaciones empresariales.

Ya no son 1 o 2 páginas, son 20 - 30 páginas que tienen diversos módulos, librerías de terceros y componentes, debes tirar por muchos submódulos.

Un novato va a meter todo en un mismo módulo, pero un experimentado va a llegar a tal nivel de granularidad que creará casi 1 - 2 componentes por cada módulo. Ninguna de las 2 opciones se escuchan bien, pero la mejor es la segunda y un gran ejemplo es Angular Material.

NgModule a gran escala puede ser un infierno
NgModule a gran escala puede ser un infierno

Veamos lo que proponen

Vas a poder seguir utilizando lo que ya conoces de Angular, pero te dan la opción de eliminar los módulos del modelo mental; es decir, definir las dependencias en el mismo componente:

Ejemplo de un Componente standalone
Ejemplo de un Componente standalone

Además, estos componentes los puedes ver como un módulo más; en otras palabras, los puedes importar en otros módulos u otros componentes standalone.

Les dejo una aplicación de ejemplo en las referencias.

Y en otras noticias

Angular JS pasó a mejor vida, ya no le darán soporte a AngularJS; todo el team recomienda migrar a Angular. AngularJS es muy distinto a Angular por si las dudas.

Bye Angular JS
Bye Angular JS

Referencias

[Complete] RFC: Standalone components, directives and pipes - making Angular’s NgModules optional · Discussion #43784 · angular/angular
Author: Pawel Kozlowski Contributors: Alex Rickabaugh, Andrew Kushnir, Igor Minar, Minko Gechev, Pete Bacon Darwin Area: Angular Framework Posted: October 8, 2021 Status: Complete - outcome summary...
RFC Oficial
GitHub - manfredsteyer/sa-nx
Contribute to manfredsteyer/sa-nx development by creating an account on GitHub.
Aplicación de Ejemplo
Angular’s Future Without NgModules - Part 1: Lightweight Solutions Using Standalone Components - ANGULARarchitects
Standalone Components make the future of Angular applications more lightweight. We don’t need NgModules anymore. Instead, we just use EcmaScript modules.
Un poco más de explicación
Component-First Architecture with Angular and Standalone Components
Angular recently had an RFC (Request for Comments) on Standalone Components. It is an effort to make...
Una perspectiva desde los patrones de diseño

Corre la voz

Sigue leyendo