🏍️Standalone

standalone es una característica introducida en Angular que permite que componentes, directivas y tuberías (pipes) sean utilizados de manera independiente, sin necesidad de declararlos en un módulo (NgModule). Esto simplifica la gestión y modularización del código en aplicaciones grandes.

📌 Beneficios de Usar standalone

1. Modularización Simplificada: Permite que componentes, directivas y tuberías sean más modulares y reutilizables sin depender de un módulo específico.

2. Reducción de Boilerplate: Elimina la necesidad de importar y declarar elementos en varios módulos.

3. Carga Más Rápida: Puede mejorar el rendimiento de la aplicación al reducir el tamaño del bundle y permitir una carga más rápida.

🏗 Cómo Declarar un Componente, Directiva o Pipe como standalone

Para declarar un componente, directiva o pipe como independiente, se utiliza la propiedad standalone: true en su decorador.

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  standalone: true,
  imports: [CheckImageDirective]
})

@Directive({
  selector: '[appCheckImage]',
  standalone: true
})