Webアプリケーションのよりよいコンポーネント設計について教えてくださる方を募集します！

はじめて投稿させていただきます

【現状と課題】
　Angularで一からWebアプリケーションを開発しようとしているのですが、最適な設計方法がわかりません。
　現状、一つのコンポーネントにコードを詰め込めば自分でもある程度作ることはできるのですが、コンポーネント指向というか、より保守性と再利用性の高いコンポーネント設計があるのではないかと疑問を持っています。

【やったこと】
　調べたところドメイン駆動開発、Atomic Designを取り入れることでコンポーネントを分割できるとわかったのですが、テンプレートも複数のコンポーネントに分かれてしまうため、デザインの修正に弱い設計になってしまったと感じました。
　今後はNgRX(Reactでいうredux)やテストも取り入れたいと考えているのですが、すでに複雑すぎて頭が真っ白になってしまっています。

【教わりたいこと】
　もし詳しい方がいらっしゃれば、Webアプリケーションのコンポーネント設計の最適解を教えていただきたいです。
　自分はAngularしか触ったことがないのですが、コンポーネント指向という点ではどのフレームワークも共通だと思うので、勉強したいと思っていたReactでもついていけるように頑張ります。どうぞよろしくお願いいたします！