[TIL] useCallback 사용 시 주의점(?)

tdd 공부한다고 이래저래 자료 찾아보다 홀려서 이것저것 정보 주워 담던중에

깨닳음을 준 내용이 있어 정리한다.

 

useMemo나 useCallback를 사용하기 전엔 해당 값-함수가 컴포넌트 바깥에서 정의될 수 있는지 확인해야 한다. 변수 계산이나 함수 정의는 최대한 컴포넌트 바깥에서 해결하고, 컴포넌트 porps나 state에 의존하는 값-함수일 때만 컴포넌트 내부에서 useMemo나 useCallback를 이용해 정의한다.

 

위와 같은 내용인데 가끔 깃헙에 예시 코드 보면 컴포넌트 외부에 함수를 선언하는 코드를 보며 왜 저렇게 짜지라는 의문을 가지고 있었는데

이유를 깨닳았다...!!!!

 

차후에 프로젝트 리펙토링할 시간 생기면 천천히 분리해야지...ㅜㅠ

 

참고 - https://velog.io/@gwak2837/React-Hooks-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-2

React Hooks 이해하기 (2)