コンポーネントの設計について

解決したいこと

Webブラウザで動くシステムの開発を初めて行うのですが
詳細設計を書くにあたりコンポーネントをどの程度まで分割するのか疑問がわきました。
皆様の考え方を教えていただきたいです。

よろしくお願いいたします。

自分で考えたこと

共通化できるところをコンポーネントとして分離させて使用するとネットで調べた記事にありました。
多くの画面で表示するようなメニューはそれにあたると思い、そこは納得できました。
しかし、１画面でしか使用しない部分についても、コンポーネントとして（別処理として）切り出すべきなのか
その画面でしか使用しない処理（や見た目）については、その画面のファイルにコードを書くべきなのか
ボタンなどはcssのクラスを適用しても同じように表示できると思いますが、コンポーネントとするべきなのか
（コンポーネントにすれば、クラスなどの設定ミスはなくなりますが、デザインを画面ごとに変えたい時などには不向き？なので、作りたいものによる？）
がよくわかりませんでした。