[React]Reselect

Sam·2020년 2월 11일
0

React

목록 보기
3/3
post-custom-banner

개념

selector 함수를 사용하여 store로부터 state값을 추출할 수 있는 redux library
Selector는 data를 연산 할 수 있기 때문에, store에 최소의 state값만 저장할 수 있게 한다.
selector는 효율적이다. 하나의 selector는 인자값의 하나라도 변경되지 않으면 재 연산하지 않는다.
selector는 여러 selector로 구성 가능하다. 다른 selector의 인자로 사용될 수 있다.

createSelector

createSelector(...inputSelectors | [inputSelectors], resultFunc)

Takes one or more selectors, or an array of selectors, computes their values and passes them as arguments to resultFunc.
하나 또는 그 이상의 selector, selector 배열을 파라미터로 받을 수 있으며 selector의 연산값을 resultFunc에 전달한다.

createSelector determines if the value returned by an input-selector has changed between calls using reference equality (===). Inputs to selectors created with createSelector should be immutable.
createSelector는 input-selector에의 반환된 값이 reference equality(===)를 사용하여 호출 간에 변경되었는지 판별한다. createSelector로 생성된 selector는 불변이어야 한다.

Selectors created with createSelector have a cache size of 1. This means they always recalculate when the value of an input-selector changes, as a selector only stores the preceding value of each input-selector.
createSelector로 생성된 selector는 1의 캐쉬 사이즈를 가진다. 이것은 input-selector의 값이 변경될 때 항상 재연산한다는 것을 의미하는데, 하나의 selector는 각 input-selector의 이전값을 저장하기 때문이다.

profile
ㅎㅎ
post-custom-banner

0개의 댓글