React memo

React memo는 부모 컴포넌트가 다시 Render될 때 자식이 받은 각 prop을 이전 값과 비교하고, 모두 같으면 자식 Render를 건너뛸 수 있게 하는 성능 최적화다. 기본 비교에는 Object.is가 사용된다.

memo는 자식의 Render를 무조건 막지 않는다. 자식 자신의 상태나 읽는 context가 바뀌면 다시 Render된다. React가 필요하다고 판단하면 props가 같아도 Render할 수 있으므로 기능 정확성을 맡기는 장치도 아니다.

객체·배열·함수 prop은 내용이 같아 보여도 참조가 새로 만들어지면 다른 값이다. 실제로 느린 자식 Render를 건너뛸 필요가 있을 때만 props 동일성 경계를 측정하고 useMemo나 useCallback 같은 최적화를 검토한다.