フロントエンドのコンポーネントの設計
順番
開発初期段階では、コンポーネントの設計をする前にコンポーネントを考慮せずにパッと HTML と CSS で実装すると良いような気がしています。
なぜなら、コンポーネントは HTML が出来始めると作り直したい箇所が出てくるからです。
ページ数が多い場合は、ひとまず各機能毎にパッと HTML と CSSを実装します。
コンポーネントの種類
コンポーネントの設計をする際の、僕がやりやすいと思うコンポーネントの大きな分類は下記の通りです。
- pages
- aggregates
- parts
各コンポーネントの役割
pages
ページを構成するものを宣言的に並べる。
aggregates
ページを大きく分割した際のセクションを宣言する。
parts
aggregatesを構成するパーツ。