Angularでwebアプリを作成する時「コンポーネントのベストプラクティス」

Layout

header や footer 等 全てのページで使われるパーツ

ng g component layouts/componentName

Pages

ページごとのコンテンツを表示するページ

ng g component pages/componentName

Parts

layout や page で使われるカードなどの UI パーツ

ng g component parts/componentName

テストをするためには必要だが、無駄なファイルを増やさないために

ng generate component componentName --skip-tests

でspecファイルを作らずに済む。

コンポーネントを呼び出したい

<app-componentName></app-componentName>

で、コンポーネントを呼び込む。