Reduxのパフォーマンスの低下

Question

私のWebSocketは短いバーストのデータの「ロット」を取得、1-2Sで最大1000個のオブジェクトが言うと、それぞれのために私は（店に追加する）これを実行する必要があります：dispatch({ type: NEW, payload })

そして、 （FBS不変ヘルパーを使用して）実際の減速：

case NEW: 
    return update(state, { 
    data: { 
     [action.payload.tree.name]: 
    { $push: [action.payload.name] }, 
    }, 
    }); 

一度に10の項目を追加するには正常に動作し、100は数秒かかるし、最新のハードウェア上で実行されている1000のはかなりのオーバーロード私のクローム。

また、100個のアイテムを追加すると、ページを再レンダリングせず、ストアに追加されたとおりにそれぞれを表示するのではなく、「バースト」に含まれるすべてのものが追加されるまで待ちます。

Answer 1

ディスパッチャを起動する前にアップデートをバッチ処理し、個々のアップデートではなく統合されたアップデートの配列を受け入れるようにアクションを変更することを検討してください。