redux - selector

preview

보통 redux store에서 값을 뽑아올때

const user = useSelector(state => state.user);

이렇게 사용하는데
문제는 이러한 형태로 값을뽑아오다가 reduxstore의 구조가 바뀌어서

const user = useSelector(state => state.auth.user);

위와 같은 형태로 변경하게 됐다면 user값을 뽑아오는 모든 component들의 내용을 전부다
수정해야하는 일이 생긴다. 이런 상황을 미연에 방지하기위하여
selector를 사용한다

usage

// selector관리를 외부에서 하고
export const userSelector = state => state.user;

// 셀렉터를 끌어다 사용하는 형식으로 사용한다.
const user = useSelector(userSelector);

위와 같이 설정하게되면 나중에 state.auth.user가 되어도 selector를 관리하는 부분만 수정하면 되기때문에 넘나 편리한것이다.