¿Qué es un componente en Angular 17?

es como una pieza pequeña de tu página web. Puedes imaginarlo como una pieza de Lego: cada componente hace algo específico y, al unir varios, puedes construir una aplicación completa.

Un componente en Angular:

• Tiene su propio HTML (para mostrar contenido).
• Tiene su propio CSS (para los estilos).
• Tiene su propio código TypeScript (para la lógica).

Por ejemplo:

• Un botón que dice “Agregar al carrito” puede ser un componente.
• Una tarjeta con información de un producto puede ser otro componente.
• Un formulario de contacto puede ser otro.

¿Qué contiene un componente?

Un componente tiene tres partes principales:

1. HTML (la vista) → Lo que el usuario ve.
2. CSS (estilos) → Cómo se ve visualmente.
3. TypeScript (la lógica) → Cómo se comporta.
4. puede existir un archivo adicional .spec que se utilizar para hacer pruebas unitarias

Ejemplo básico de un componente:

Con el siguiente comando crearemos un componente dentro de nuestro proyecto