reselectとは？
reduxのstateの値を使ってコンポーネント内で関数を作った場合は、stateの値が更新されるたびに処理が動いてしまう。
|
1 2 3 4 5 6 7 8 |
import { createSelector } from 'reselect'; const 対象とするstate = state => state.対象とする項目 export const 処理された結果 = createSelector( [対象とするstate], //inputSelectorsと呼ばれるらしいです。 処理内容（フィルターなど） //resultFuncと呼ばれるらしいです。 ) |
これ（処理された結果）を個別コンポーネントからimportして使います。通常のstateの値をそのまま使用する場合に比べてキャッシュされるので対象のstateに更新がなければ際実行されることがなくパフォーマンスがよくなります。
この記事へのコメントはありません。