コンポーネント指向のススメ - Qiita

今回は複数人で構築する際にとても便利なコンポーネントについてお話できれば、と思います。 コンポーネントの概念を把握しておくとReactやvue.jsと通じるところもあるので、 知っていて損はない概念と思います！ コンポーネント指向とは まず、コンポーネント指向で大切な概念として、Atomic Designがあります。 ざっくりAtomic Designのお話をすると… 以下の添付画像のように PAGES（フロントのページ）は最小単位のATOMSから構成されている、ということです。 複数のATOMSから 一つの機能（例えばボタンアイコンなど）が構成されて、（MOLECULES） MOLECULESから、 いわゆるヘッダー、コンテンツ、フッター（ORGANISMS）が構成されて、 各ページを作り上げている、というイメージです。 そしてコンポーネント指向というのは、ATOMSやMOLECULES