タグ

ブックマーク / qiita.com/kuy (3)

  • redux-sagaでReduxのルーティングを制する - Qiita

    3行で言うと react-router はただのコンポーネント切り替え react-router-redux はロケーション情報をストアに同期するだけで、コンポーネントを表示する前にデータ取得する方法を提供しない redux-saga を使えば最高のルーティングが実現できるのでは? → redux-tower を開発中 リポジトリ: https://github.com/kuy/redux-tower デモ:http://kuy.github.io/redux-saga-tower/blog/ はじめに 「redux-sagaでReduxのルーティングを制する(キリッ」とか言っちゃいましたが、まだライブラリをリリースできていませんし、実務で使っているわけでもありません。当に制しているかどうかはこれから使っていって改良も加えつつって感じです。redux-saga を使う時点でそっと閉じる人

    redux-sagaでReduxのルーティングを制する - Qiita
  • Reduxでコンポーネントを再利用する - Qiita

    Reduxはとりあえず使えるようになった後の情報が少ないように感じています。よく出回っているサンプルコードは「Real World 〜」のような名前がついていたとしても、あくまで雰囲気を味わうために用意されたものに毛が生えた程度で、現実に起こる問題に対する回答や指針を示しているわけではありません。業務で使うことを検討するのであれば、プロダクトの成長と共にどうやってスケールしていくかイメージできないと導入に踏み切れないですよね。稿ではサンプルコードより大きな規模で開発していくために、Reduxにおけるコンポーネントの再利用について紹介します。 実現したいこと コンポーネントの再利用によってどのようなことを実現したいのかイメージしてもらうため、馴染みのあるアプリケーションの機能を具体例として挙げてみます。 Gmailで名前にマウスオーバーしたときに出るプロフィール情報 プロフィール画像の表示

    Reduxでコンポーネントを再利用する - Qiita
  • Reduxにおけるreducer分割とcombineReducersについて - Qiita

    2015-08-28 11:06 合成された初期状態ツリーの出力結果を追加 分割されたreducerの初期状態ツリー Reduxの原則の1つであるグローバルな状態ツリーがすべてのソースとなるという点。 理屈ではわかるんだけど、いくつかコンポーネントを作っていくと常に大きなツリーが渡されるってのがとても扱いづらく感じる。つまり、何かアクションを受け取ってそれを状態ツリーに反映させるとき、ほとんどのケースにおいてツリーの一部だけを更新して、それ以外はいじらないことが多いからだ。 Reduxリポジトリのasyncのサンプルコードを追っていくと、reducers/index.jsの部分がよくわからなかった。 他のサンプルだと初期状態ツリーは定数として定義してreducerのデフォルト引数に指定していることが多かったが、asyncではまずそれがない。 そしてなにより状態ツリーはグローバルなものが1つ

    Reduxにおけるreducer分割とcombineReducersについて - Qiita
    Jxck
    Jxck 2015/08/28
  • 1