Introduzione all'approccio component-based in Angular

Supponiamo di avere un sito web. Su questo sito possiamo identificare alcuni blocchi: header, contenuto, sidebar, footer e così via. Ogni blocco può essere suddiviso in sotto-blocchi più piccoli. Ad esempio, nell'header di solito si possono distinguere il logo, il menu, il blocco dei contatti e così via.

In Angular, ogni tale blocco è chiamato componente. Ogni componente può contenere al suo interno componenti più piccoli, che a loro volta possono contenerne altri ancora più piccoli e così via.

A ogni componente in Angular corrisponde una cartella con file, situata nella cartella src.

Uno dei componenti deve essere quello principale - quello a cui vengono aggiunti gli altri componenti. In Angular, per impostazione predefinita, questo componente sarà il componente App. A questo componente verranno collegati altri componenti. Come ciò venga fatto - lo analizzeremo più avanti nel tutorial.