React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜

React Reduxを使ってプロダクトを作りはじめて、かれこれ半年くらい経ちます。 しかし、どうもうまく書けていない気がすることがときどきあり、悩んでいたところ、ツイッターで次のような助言をもらいました。 @__tai2__ 達人かどうかは微妙なところがありますが、ある程度の規模のコードはここにリンク集あります https://t.co/B79B5s1DTe — Yuki Kodama (@kuy) 8 December 2016 この記事は、上記のリンク集でまとめられている実際のReact Reduxプロダクトのソースコードを調査することで、筆者がふだんReact Reduxで開発をしていて感じる疑問への答えを探る試みです。 筆者が答えを得たいと思っている疑問は次の3つです 1 Storeはどんな具合に階層化すべきか Store初期化(hydration)用データの定義はどうすべきか

[sugimori]

複雑なstateはいろいろ工夫が必要そう

[tomoya]

僕は URL を上手く使って props を渡すというテクニックを使ってます。メリットはURLで状態を共有できる点ですね。

[mooonymann]

“1パス目で、他のスライスに依存しない通常のReducerを実行、その後、2パス目で、他のスライスに依存するReducerを改めて実行、というふうにするのです。”

[t-wada]

React/Redux を利用した「現実的な」サイズのアプリから知見を読み取るエントリ

[hisasann]

勉強になった！

[yatmsu]

いいぞスナイパー

[hi_yamamoto]

素晴らしい記事

[efcl]

ReactとReduxの色々な事例を元に、そのアプリのStoreやComponentがどのような構成になっているかを紐解いていった記事

[akameco]

flowtypeとimmutable.jsをいい感じに組み合わせたサンプルほしい

[lli]

良さげ

[berlysia]

PresentationalとContainerは明確でないことが多い、のか

[daikikohara]

ためになった。うちもducksパターンだけど流行ってないのかと思ってたから良かった。注記にあるsagaは学習コスト高いイメージだけど複数人かつ入れ替え早い現場とかだとどーなんだろ。

[hagurin_Lv1]

“これらの疑問の多くは 公式ドキュメント を隅から隅まで読めば、答えやヒントが言及されています”

[uehaj]

「PresentationalとContainerの区別というのは、 それほど明確ではなく、 しばしばPresentational ComponentであったものがContainer Componentに昇格したりします」確かに。あとsagaに落ち着くよね、に同意。

[yosuke_furukawa]

よき