- React에서 메모이제이션은 생각보다 쉽게 깨질 수 있으며, 작은 실수 하나가 전체 성능에 큰 영향을 미칠 수 있습니다. 💥
useMemo
와useCallback
을 올바르게 사용해도, 상위 컴포넌트에서 메모되지 않은 props를 전달하면 무용지물이 됩니다. 🧱- 실제 애플리케이션에서는 여러 컴포넌트와 개발자가 협업하므로, 메모이제이션 문제를 찾고 수정하기가 훨씬 더 복잡해집니다. 🔍
- HTML 엘리먼트에 props로 전달되는
onClick
함수는 메모이제이션할 필요가 없습니다. 🖱️ useMemo
와useCallback
의 유효한 사용 사례는 props로 배열을 받아 배열의 각 요소에 대해 작업을 수행하는 경우입니다. ✅