WEB/REACT

[REACT] 리액트 메모에 대한 공부 링크

자바칩 프라푸치노 2021. 9. 1. 01:20

REACT MEMO

PROFILER

https://velog.io/@hoi/React-Functional-Component%EC%9D%98-React.memo-%EC%82%AC%EC%9A%A9%EA%B8%B0

 

React.memo 적용기와 Profiler를 사용한 성능 변화를 확인해 보자

Functional Component의 React.memo에 사용기에 대한 공유를 하고자 이 글을 작성합니다. React와 렌더링(rendering) 위의 사진은 React의 LifeCycle에 대한 다이어그램입니다. React LifeCycle 다이어그램은 Rea

velog.io

 

https://ui.toast.com/weekly-pick/ko_20190731#3-%EC%96%B8%EC%A0%9C-reactmemo%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EC%A7%80-%EB%A7%90%EC%95%84%EC%95%BC-%ED%95%A0%EA%B9%8C

 

React.memo() 현명하게 사용하기

유저들은 반응이 빠른 UI를 선호한다. 100ms 미만의 UI 응답 지연은 유저들이 즉시 느낄 수 있고, 100ms에서 300ms가 지연되면 이미 유저들은 상당한 지연으로 느낀다. UI 성능을 증가시키기 위해, React

ui.toast.com

 

https://eu2626.tistory.com/95

 

[ React -1 ] React.memo 를 사용하여 컴포넌트 성능 최적화하기 . / React.memo 사용할 때 그리고 사용하지

유저들은 아주 작은 속도에도 굉장히 민감하게 반응을 합니다. 100 ~300 의 정말 작은 초 단위도 느낄만큼 유저들은 서비스의 속도에 대해서 아주 민감하네요. 이런 UI 를 해결하기 위해서, React 는

eu2626.tistory.com

https://medium.com/wantedjobs/react-profiler%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EC%97%AC-%EC%84%B1%EB%8A%A5-%EC%B8%A1%EC%A0%95%ED%95%98%EA%B8%B0-5981dfb3d934

728x90