React.memo

Creator

Creator

Seonglae Cho

Created

Created

2021 Apr 5 15:4

Editor

Editor

Seonglae Cho

Edited

Edited

2024 Feb 11 4:13

Refs

Refs

React useMemo()

상위컴포넌트 변경시 하위 그대로

PureComponent와 shouldComponentUpdate의 일부를 사용하도록 만들어졌다

첫번째 인수로 PureComponent로 사용할 컴포넌트, 두번째 인수로 같은 컴포넌트인지 확인하기 위한 비교할 콜백 함수를 넣을 수 있다

props에 대해서만 얕은 비교를 수행하며, shouldComponentUpdate와 정반대로

true: 같으므로 렌더링 하지 않음

false: 다르므로 렌더링

[스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링

레이아웃에 영향을 미치는 것들에 대한 정리는 What forces layout/reflow 란 글이 잘 설명해준다. 3.1.1 CSS 속성 개요 분류: CSS 이야기가 나온김에 리플로우에 영향을 미치는 유명한 CSS 요소들을 뽑아보자면 [ CSS Triggers, 20 Tips for Optimizing CSS Performance] 이 있다. 그리고 재계산을 유발하기로 유명한 속성은 다음이 있으며 불필요하게 값을 수정하지 않는게 좋다.

[스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링

https://black7375.tistory.com/79

[스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링

Recommendations

////////////