Reactでメンテナブル、テスタブルなコード設計(redux、hook利用)

現在本業とは別でwebアプリ開発をしていますが、
フロントエンドは完全に独学でReactを書いています。

サービスはすでにリリースはされている状態なのですが、以下の課題があります。

- テストコードがなく、ライブラリのアップデート時などの手動テストが大変
- そもそもテスタブルなコードにおそらくなっていないのでコード設計を見直したい
- hookでRedux store を参照しているが、参照場所がいまいちまとまっていない一方、親で全て参照した場合パフォーマンス低下を気にしている

以上全てを通して、コンポーネント設計がよくわかっておらずこのあたりを実際のコードを見ながら指導いただける方を募集しております。

特に、hookでどこでもReduxを参照できてしまうが故にどこで呼ぶべきかなどがモヤモヤしています。

その他
- 外部利用サービスとして、自身で使っているREST API、firebase各種サービスがあります