【React/Vue】なぜコンポーネントベースでWebアプリを作るのかReact/Vue などを使ってフロントエンドを開発する際、基本はコンポーネントベースで設計・開発すると思います。 なぜコンポーネントベースなのか、どういうメリット・目的があるのか、今一度確認する機会があったので記事にします。 コンポーネントが持つべき 5 つの特徴 はじめにコンポーネントのあるべき姿ついて確認しておきます。 単一責任の原則 コンポーネントが責任を持つ問題は 1 つにするべきです。 ソースがシンプルになることで可読性が向上します。 また、ソース変更時の影響範囲が明確になることで保守性が向上します。 カプセル化されている コンポーネントを使いたいとき、インターフェースだけ知っていれば内部の実装を気にしなくて良いです。 置換可能である インターフェースさえ同じであれば違うコンポーネントに差し替えることができます。 再利用可能である 再利用可能なコンポーネントは、そのコンポーネン
