Angularでwebアプリを作成する時「コンポーネントのベストプラクティス」
投稿日:2022年05月14日
AngularでWeb Appを作るときのベストプラクティスを考えてみた。
目次
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>
で、コンポーネントを呼び込む。
次に読むおすすめ記事
AngularでObjectを返すカスタムPipeを作ったがValueへのアクセス方法がわかなかったので調べてみた
この記事に対するコメント