Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
概要 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 フィールドに文字列で
概要 flux の store 部分のテストの書き方。 jest を使う。 入力は Action。結果は Store の状態と Change Listener が呼ばれることを確認。 localStorage のモック。 テスト対象 web/static/js/stores/AuthStore.js をテストします。 以下の機能を持っています。 LOG_IN アクションを受け取ると token を localStorage に保存し、Change Listener に通知する。 LOG_OUT アクションを受け取ると token を localStorage から削除し、Change Listener に通知する。 環境設定 elixir / phoenix の勉強用に作成したサンプル (tag qiita-jest-flux-store)を使って説明します。 jest-cli, reac
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く