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
React.memo() 현명하게 사용하기
유저들은 반응이 빠른 UI를 선호한다. 100ms 미만의 UI 응답 지연은 유저들이 즉시 느낄 수 있고, 100ms에서 300ms가 지연되면 이미 유저들은 상당한 지연으로 느낀다. UI 성능을 증가시키기 위해, React
ui.toast.com
[ React -1 ] React.memo 를 사용하여 컴포넌트 성능 최적화하기 . / React.memo 사용할 때 그리고 사용하지
유저들은 아주 작은 속도에도 굉장히 민감하게 반응을 합니다. 100 ~300 의 정말 작은 초 단위도 느낄만큼 유저들은 서비스의 속도에 대해서 아주 민감하네요. 이런 UI 를 해결하기 위해서, React 는
eu2626.tistory.com
728x90
'WEB > REACT' 카테고리의 다른 글
[REACT] Intersection Observer (0) | 2021.09.08 |
---|---|
[REACT] 리액트 lottie-web 으로 애니메이션 넣기 (0) | 2021.09.01 |
[REACT] react-ga로 리액트 프로젝트에 google analytics 적용하기 (0) | 2021.08.27 |
[REACT] 책 검색 자동완성기능 구현 (0) | 2021.08.26 |
[REACT] 리액트 컴포넌트에 scroll이벤트 사용하기/ debounce와 throttle (0) | 2021.08.23 |