Redux 4 ~ 5 (오버헤드(?) 와 유지보수)

[김완택]

Redux 4 강의의 과제를 하다가 궁금한 게 생겼습니다.

store에 있는 state를 불러올 때 두 가지 방법이 있는 걸로 기억합니다.

1. let state = useSelector((state)=>{return state});
이후 사용 시, state.cart ~~

2. let cart = useSelector((state)=>{return state.cart});

1번과 같이 불러오면
store에 있는 모든 state를 불러오니까
해당 컴포넌트에서 오버헤드(?-맞는 표현인지 모르겠지만)가 너무 커지는 거 아닌가 생각이 듭니다.
(뭔가 무거워지는 느낌쓰..?)

2번과 같이 불러오면
이 변수가 해당 컴포넌트에서 만든 state인지, 불러온 state인지 구분하기 어려워
유지보수가 힘들지 않을까 생각이 듭니다.


정리하자면,
가. 1번이 효율성에서 떨어지는 게 전혀 없는지?
나. 어디서 만들어진 state인지(불러온 건지, 해당 컴포넌트에서 만들었는지) 구분할 필요성이 애초에 없는 건지?
다. 만약 구분할 필요성이 있다면 보통 어떻게 작명하여 구분하는지? (국룰 같은 게 있을지..?)

• 이 게시글은 김완택에 의해 2 월, 2 주 전에 수정됐습니다.

[codingapple]

데이터 불러오는거보다 컴포넌트가 재렌더링 되는게 더 부담이라 
1번은 모든 state가 바뀌면 재렌더링되고 2번은 cart가 바뀌면 재렌더링이라 2번 쓰는게 낫습니다
state 많아지는게 귀찮으면 변수명에 prefix 넣어서 구분하거나 컴포넌트를 쪼개거나 하면 됩니다

[글쓴이]

글