렌더링
-
모던 리액트 Deep dive - 렌더링은 어떻게 일어나는가? & 메모이제이션React 2024. 3. 19. 13:47
** "리액트에서" 렌더링이란? 브라우저가 렌더링에 필요한 DOM 트리를 만드는 과정 모든 컴포넌트들이 현재 자신들이 가지고 있는 props와 state의 값을 기반으로 어떻게 UI를 구성하고 이를 바탕으로 어떤 DOM 결과를 브라우저에 제공할 것인지 계산하는 일련의 과정. 렌더링 과정을 최소한으로 줄여야 유저에게 좋은 경험을 선사할 수 있음. * 리액트의 렌더링이 일어나는 이유 1. 최초 렌더링 2. 리렌더링 클래스형 컴포넌트의 setState가 실행되는 경우 클래스형 컴포넌트의 forceUpdate가 실행되는 경우 함수형 컴포넌트의 useState의 두 번째 배열 요소인 setter가 실행되는 경우 useReducer의 두 번째 배열 요소인 dispatch가 실행되는 경우 컴포넌트의 key props..