En versiones anteriores de Angular, cada componente debía formar parte de un módulo. Incluso el componente más simple no podía existir por sí solo: tenía que ser declarado dentro de un NgModule.

Esto era como necesitar toda una cocina solo para preparar una taza de té. ¿Suena complicado, verdad?

Por eso, con el tiempo, el equipo de Angular comenzó a simplificar la estructura. Esto llevó a la introducción de un nuevo enfoque: Componentes Independientes.

¿Qué es un Componente Independiente?

Para crear uno, simplemente agrega la bandera standalone: true dentro del decorador @Component y especifica cualquier dependencia requerida usando el arreglo imports:

Aquí, agregar standalone: true es una opción especial dentro del decorador @Component que indica a Angular que este componente es independiente — no necesita ser declarado en un NgModule.

Además, se especifica una lista de dependencias externas (imports) que el componente requiere. En el enfoque tradicional basado en módulos, estas dependencias se pasaban a los imports del módulo. Pero cuando los componentes funcionan sin un módulo, sus dependencias deben declararse directamente dentro del componente — y Angular actúa como un módulo internamente para ese componente.

¿Por qué Angular está dejando de usar NgModules?

NgModules desempeñaron un papel importante en aplicaciones grandes:

• Ayudaron a organizar el código;

• Brindaron control sobre el alcance (visibilidad);

• Fueron útiles para la optimización.

Pero con el tiempo, se hizo evidente que muchas de estas tareas pueden realizarse a nivel de componente, de manera más simple e intuitiva.

En otras palabras, los componentes independientes son la forma moderna de construir componentes sin módulos. Simplifican la estructura, hacen que los componentes sean autosuficientes y más fáciles de usar.

Angular sigue soportando módulos, pero recomienda utilizar componentes independientes para nuevo código.