タグ

actionとreduxに関するmanabouのブックマーク (3)

  • Reduxで大量に発生するactionを間引く - Qiita

    使い方 第1引数は間引きたいAction Typeを配列もしくは文字列で指定します。文字列の場合は、 内部で配列にして処理します。 第2引数は間引きたい秒数をmillisecondsで指定します。 import {createStore, applyMiddleware} from "redux"; import throttleActions from "redux-throttle-actions"; // combineReducersされたreducer達 import reducers from "./reducers"; import {someType} from "./constants/actionTypes"; // someTypeが実行頻度が100msに一度になるように間引く const throttleSomeType = throttleActions(some

    Reduxで大量に発生するactionを間引く - Qiita
  • React+Reduxでreducerのテスト - Qiita

    概要 reduxでreducerのテストをしたく、以下の様な記事を書いた。 React+ReduxのAction、Reducerを個別にテストする - Qiita モックしたデータをstore.dispatchするという方法をとっていたが、これも、reducer実行終了時まで待つ必要があるため、タイミングを担保するのが難しい。そこで、別の方針でテストすることにした。 方針 reduxのドキュメントを参考にすると、dispatchをせず、直接reducer関数を実行している。同じように実装することにした。 Writing Tests | Redux // createReducerは以下の様なutilメソッドを用意しておく // export function createReducer (initialState, reducerMap) { // return (state = init

    React+Reduxでreducerのテスト - Qiita
  • React+Reduxでasyncなactionをテストする - Qiita

    概要 reduxでactionのテストをしたく、reducerをモックしてactionをテストするという方針を以下の記事に書いた。 React+ReduxのAction、Reducerを個別にテストする - Qiita しかし、これだと、asyncな関数の終了タイミングを担保できていないので、別の方針でテストすることにした。 方針 reduxのドキュメントを参考にする。 Writing Tests | Redux asyncなactionは以下のとおりである。 import { REQUEST, REQUEST_SUCCESS, } from 'constants'; // リソース管理はsuperagent import request from 'superagent'; function request() { return { type: REQUEST, }; } functio

    React+Reduxでasyncなactionをテストする - Qiita
  • 1