React環境にReduxを導入して秩序をもたらした話 - Clueit Developersブログ

初めまして、Webチームのエンジニアの柴山（@shikeapp0909）です。 2017年11月に入社し、Webチームにアサインされ、子育て情報サービスmamanokoの開発をしています。 今回は、今年の2月にmamanokoにReduxを導入した際の考慮したことや設計などについて書きます。 導入前の状態 Reduxを導入する前は素のReactだけで実装していました。 stateの複数コンポーネントでの参照・更新をなるべく避け、stateを渡すのではなくコンポーネントをモノリシックにしてバケツリレーしないようにさせたりすることでなんとか回避している状態でした。 とは言ってもやはりコンポーネントはどんどん肥大化し、コンポーネントの中に複雑な処理が混ざり込み、とてもリーダブル・メンテナブルとは言い難い状態となっていました。 また、実装者によって実装の仕方も違ってきてしまい、どうすべきといった明