Composición frente a herencia

Para compartir comportamientos entre componentes, puede usar la herencia (extender una clase base) o la composición (combinar piezas más pequeñas). La API de composición de Angular hace que la composición sea la opción predeterminada recomendada.

Con la herencia, un componente extiende un componente o una directiva base y reutiliza sus inputs, outputs y lógica.

Una clase solo puede extender una base. Las jerarquías profundas se vuelven rígidas y se hereda todo, incluso las partes que no desea.

Combinar varios comportamientos mediante herencia es imposible sin crear cadenas complicadas. La composición evita este problema al aplicar muchas directivas de forma independiente.

Con la composición, un componente mantiene su enfoque e incorpora comportamientos mediante hostDirectives, combinando tantos como necesite.

La recomendación de «favorecer la composición sobre la herencia» se aplica especialmente en Angular: la composición es flexible y aditiva, y evita las clases base frágiles.

La herencia puede ser adecuada para una única base estable compartida por variantes estrechamente relacionadas; por ejemplo, un campo de formulario base que las variantes especializan. Mantenga las jerarquías poco profundas.

Puede combinar ambos enfoques: extender una base delgada para compartir la estructura y componer comportamientos para las funcionalidades transversales.

La composición mantiene privados los detalles internos de cada comportamiento y expone solo los inputs y outputs seleccionados, mientras que la herencia expone toda la API de la base.

Cuando una clase base acumule responsabilidades que no están relacionadas, divida cada una en una directiva y compóngalas. El resultado será más modular y fácil de probar.

¿Necesita varios comportamientos independientes? Compóngalos. ¿Necesita una única base estructural compartida? Puede bastar con una base poco profunda. Como opción predeterminada, elija la composición por su flexibilidad.

Ha aprendido que la composición (combinar comportamientos especializados mediante hostDirectives) es más flexible que la herencia (una única clase base), evita las jerarquías frágiles y debe ser la opción predeterminada, reservando la herencia poco profunda para compartir estructuras.