본문 바로가기
Aaron[에런]/해외 블로그 발췌

[World Article #8] You’re overusing useMemo: Rethinking Hooks memoization - by Ohans Emmanuel

by Aaron-Kim 2022. 9. 23.

React에서 useMemo 훅을 사용할 때 고려할 점이 있습니다.

 

무턱대로 memoization 캐싱을 위해 사용하는 것은 올바르지 않습니다.

 

우선 기본적으로 성능에 크게 영향을 미치지 않을 정도의 값이면

 

useMemo를 굳이 사용하여 공간 복잡도를 높일 필요는 없을 것 같습니다.

 

단순히 boolean 같은 primitive type value를 위해서 사용하는 것은 효율적이지 않고

 

서버로부터 data를 fetch 하는 것과 같이 객체 타입의 큰 규모의 타입은

 

data가 변경될 때마다 값을 갱신시켜주는 것이 좋아 보입니다.

 

또한 primitive type의 value는 객체처럼 참조 주소가 있어서 새롭게 만들 필요가 없어서

 

참조 주소는 변경되지 않습니다.

 

우선 기본적으로 코드를 구현하되 성능 이슈가 있어서 필요할 때 활용하는 것이 괜찮아 보입니다.

 

물론 무거운 데이터를 서버로부터 가져와서 갱신이 필요할 때는 사용할 수 있을 것 같습니다.


[You’re overusing useMemo: Rethinking Hooks memoization] - Ohans Emmanuel

반응형

댓글