# React.memo

6개의 포스트
post-thumbnail

[TIL] React Hook React.memo란?

React.memo 바로 이전 포스팅에서 useCallback에 대해 알아봤습니다. useCallback은 최적화된 자식 컴포넌트에 콜백 함수를 내려줄 때 유리하다. 라고 하는데 정확히 어떻게 작동하는지 React.memo와 함께 알아보겠습니다. React 리렌더링

2021년 4월 9일
·
0개의 댓글
post-thumbnail

[React] 렌더시 깜빡거림 해결 Trouble shooting

2021-03-16. 문제가 됐던 상황이 있었다. useEffect vs useLayoutEffect의 문제인줄 알았으나 state에 의해 렌더가 되는 것이어서, React.memo를 사용하여 해결하였는데...

2021년 3월 16일
·
0개의 댓글
post-thumbnail

React Hook + API

함수 컴포넌트의 핵심인 Hook와 API 몇 가지를 정리했습니다.

2021년 1월 19일
·
0개의 댓글

[TIL] 2020/12/03

Today, I Learned React.memo : 이전 props와 동일한 props로 리렌더링 되는 상황이 많은 컴포넌트를 React.memo로 리팩토링해서 얕은 비교, 즉, React.memo에 이전 렌더링을 저장해놓고, 다음 렌더링시에 이전 props와 props가 동일하면 이전에 저장해둔 것을 재사용하는 방식으로 더욱 빠른 re-rende...

2020년 12월 3일
·
0개의 댓글
post-thumbnail

React - velopert html 정리(2)

(본 글은 Velopert님의 https://react.vlpt.us/ 를 정리한 내용입니다.): class형 컴포넌트에서 componentDidMount, componentDidUpdate와 같은    lifeCycle을 hooks에서는 useEffect로

2020년 10월 2일
·
0개의 댓글

React.memo

React.memo를 사용하면 Props가 바뀌었을때만 리렌더링 해줌 렌더링된 결과물을 재사용할 수 있음 이렇게 선언만 해주면 됨 만약 하나의 파일에 두 가지 함수가 들어가고 둘다 렌더링에 사용될 경우, 파일명과 겹치지 않는 함수에 처럼 const를 사용해 변수를 생성하고, React.memo안에 기존의 함수를 적어줌 이를 적용하기 위해서는, useC...

2020년 2월 3일
·
0개의 댓글