潜在的に高価な計算プロパティの再計算を避ける方法

Question

animalsは還元店にあるとします。これは正規化されたオブジェクトであり、キーはidであり、値はオブジェクト自体です。各動物はキーis_dogを有する。

animals: { 
    'id1': { location: 'foo', is_dog: true, name: 'Dog1' }, 
    'id2': { location: 'foo', is_dog: false, name: 'Cat1' }, 
    'id3': { location: 'foo', is_dog: false, name: 'Cat2' }, 
    'id4': { location: 'foo', is_dog: true, name: 'Dog2' }, 
} 

Iが接続DogsListは、ストアの状態を見て、UIコンポーネントにdogIdsの配列を渡す成分を反応させました。

dogIds = _.chain(state.animals).filter('is_dog').map('id').value();

['id1', 'id4']を返します。この上記の例では：dogIdsの計算のようなものです。

しかし、のは、私は動物の数千を持っていると仮定しましょう、そして各動物は、私はdogIdsが唯一の任意の動物のためであればis_dog変更が変わることを知っているなど、lastFed、currentLocation言って、頻繁に変更される他の特性を有しているが、私はありませんよどんな動物への変更にもフィルタやマップの計算を不必要にしないでください。私はreselectを使ってみましたが、私はそれが本当にこの場合に役立つとは思わない。

私はdogIdsを適切なreduxに格納することに傾いており、関連する場合にのみ手動で更新します。新しい犬がanimalsに追加されたとき、または猫が犬に変わったとき（私の類推はここでは崩れている）のように。しかし、私はreduxストアで計算されたプロパティを保持することによって何か間違っているように感じる。

Answer 1

おそらく、shouldComponentUpdateのようなReactのライフサイクルメソッドを使用して調べることができます。ここでは、newDogIDs !== oldDogIDsかどうかを評価し、異なる場合にのみ処理します。