Introducción al enfoque basado en componentes en Angular

Supongamos que tenemos un sitio web. En este sitio web podemos destacar algunos bloques: el encabezado, el contenido, la barra lateral, el pie de página, etc. Cada bloque se puede dividir en sub-bloques más pequeños. Por ejemplo, en el encabezado normalmente se puede destacar el logotipo, el menú, el bloque de contactos, etc.

En Angular, cada uno de estos bloques se denomina componente. Cada componente puede contener dentro de sí componentes más pequeños, esos a su vez otros aún más pequeños y así sucesivamente.

A cada componente en Angular le corresponde una carpeta con archivos, ubicada en la carpeta src.

Uno de los componentes debe ser el principal - aquel al que se añaden los demás componentes. En Angular, por defecto, ese componente será el componente App. A este componente se conectarán otros componentes. Cómo se hace esto - lo analizaremos más adelante en el tutorial.