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 주 전에 수정됐습니다.