React.memo는 props가 같은 렌더만 건너뛴다

얕은 비교가 통과하는 조건과 memo로 막을 수 없는 갱신 원인을 구분한다.

부모가 다시 렌더됐다자식의 다음 props를 이전 props와 Object.is로 비교
모두 같음

render 생략

memoized 결과를 재사용

하나라도 다름

자식 render

새 객체·배열·함수도 다른 prop

자기 state 변경

자식 render

memo와 무관하게 지역 상태 갱신

context 변경

자식 render

구독한 context의 새 value 반영

핵심memo 비용보다 렌더 비용이 크고 props 참조를 안정적으로 유지할 수 있을 때만 적용한다.