react-reduxでのconnectについて

私の結論から先に述べると、
connectするのはcontainersでcomponentsは極力connectしない。のが正解だと思います。

container = page
component = 部品(list viewや、button、labelなど)

下記のようにContainerでreducerを受け取り、各ComponentにDataを渡します。

...
class ContainerPage extends React.Component{
  render(){
    return(
      <Button 
         title={this.props.title}
         subTitle={this.props.subTilte}/>
      <Label
         title={this.props.title}
         subTitle={this.props.subTilte}/>
    );
  }
}
...
function mapStateToProps(state) {
  const { reducer } = state
  const {
    title: title,
    subTitle: subTitle,
  } = reducer || {
    title: title,
    subTitle: subTitle,
  }
  return {
    title,
    subTitle,
  }
}

export default connect(mapStateToProps)(ContainerPage)

恐らくですが、componetsがconnectまみれになってしまうのは、
eventのtriggerをcomponetに持ってしまうからだと考えます。

<Button 
  title={this.props.title}
  subTitle={this.props.subTilte}
  onClick={this._onClick.bind(this)}/>

と、functionをpropsで渡してあげ、containerにfunctionを追加します。

_onClick(hoge1, hoge2){
  const {dispatch} = this.props
  dispatch(testAction(hoge1, hoge2))
}

こうすると、Reduxとの接地面が抑えらる。且つ、componentとの疎結合化が進むと考えます。

私はcontainerはpageまたはそれに近い機能単位で持ち、componentはcontainerからparameterを渡す。
を意識し設計しています。責任の所在がはっきりわかるので、このデザインパターンは重宝しています。

※１ 空で書いたcodeなので動くかは不明です。申し訳ありません。
※2 デザインパターン名があったはずですが、ど忘れしました。思い出したら追記します。

回答になれば幸いです。

connectの多用が問題というより、connectを多用せざるを得ないComponentの設計が問題なんじゃないかなと思います。

逆に言えば、Componentの設計がちゃんと出来ていて、なおかつconnectが多用されているなら気にする必要はないのではないでしょうか？