タグ

ブックマーク / qiita.com/yasuhiro-okada-aktsk (2)

  • Redux 基礎:Action 編 - Qiita

    概要 React + Redux の Action についてサンプルを使って、Action の作成と動作の確認をします。 準備 redux/examples/real-world からいろいろそぎ落としたこちらのソースの tag/init を使って説明します。 ※ 実装完了はtag/action Action とは Action はストアの state を変更するためのメッセージです。 Action によって state が変わると UI の表示などアプリの変化が起きるので、アプリに何か起こすための出発点となります。 Action 発行 Reducer が現在の state と action を元に新しい state を作成。 state の変更をUIなどに反映 Action は javascipt のオブジェクトでどのような形でも大丈夫ですが、慣習として type フィールドに文字列で

    Redux 基礎:Action 編 - Qiita
    efcl
    efcl 2015/11/22
    Reduxの基本的な使い方について紹介している記事。 Redux内に出てくるパターンについても書かれている
  • Redux 基礎:Middleware 編 - Qiita

    概要 React + Redux のサンプルを使って、Middleware の作成と動作の確認をします。 準備 Reducer 編の続き(tag/reducer)から行います。 ※ 実装完了はtag/middleware メッセージダイアログを表示する Reducer の作成を行います。 Middleware とは Reducer の実行前後に処理を追加するための仕組みです。 Middleware は次のような形式です。

    Redux 基礎:Middleware 編 - Qiita
    efcl
    efcl 2015/11/22
    Reduxのミドルウェアについて
  • 1