Reag.memo

https://react.vlpt.us/basic/19-React.memo.html

Bello 값 참고

React.memo는 리렌더링을 방지하여 컴포넌트 리렌더링 성능을 최적화할 수 있는 기능입니다.

놀라울 정도로 사용하기 쉬움

// 기존의 이렇게 되어있다면
export default CreateUser;

// 이렇게 바꿔주면 끝
export default React.memo(CreateUser);

위 연습에서 사용자가 변경되면 CreateUser도 다시 렌더링되고 모든 사용자도 다시 렌더링됩니다.

React.memo를 사용하여 이러한 불필요한 소비를 방지하십시오.

React 개발자 도구의 버그인지 여부와 상관없이 CreateUser는 렌더링되는 것처럼 보이지만 실제로 console.log 파일을 보면 렌더링되지 않는 것을 확인할 수 있습니다.

그럼 최적화 끝!

** React 개발 시, 콜백 사용, 메모를 사용, Reag.memo 구성 요소의 성능을 실제로 개선할 수 있는 상황에서만 수행해야 합니다.

솔직히 말해서 지금은 완전히 이해했다고 말할 수 없습니다. 나중에 클론코딩 같은 것도 해보고 익숙해지도록 하겠습니다.