[TIL] 220901

슬지로운 개발생활·2022년 9월 1일
0

TIL

목록 보기
72/73

리액트 리렌더링

핵심 루프

리액트의 모든 리렌더링은 상태변경에서 시작된다.
리액트 컴포넌트를 다시 리렌더링하는 유일한 '트리거'이다.

오해 1_상태변수가 변경될 때마다 전체 앱이 리렌더링된다.

리렌더링은 상태를 가지고 있는 컴포넌트와 해당 컴포넌트의 하위 컴포넌트에만 영향을 준다.
→ 리액트의 주요작업은 UI를 리액트 상태와 동기화해 유지하는 것

  • 리렌더링의 요점은 변경해야 할 사항(상태 변경이 UI에 어떻게 영향을 미치는지)을 파악하는 것이다.

오해 2_Props가 변경되기 때문에 다시 렌더링 된다.

컴포넌트가 리렌더링되면 props를 통해 특정 상태 변수가 전달되는 여부에 관계없이 모든 하위 컴포넌트를 리렌더링하려고 시도한다.
→ props는 리렌더링과 아무관련없다.
상태 변수 중 하나가 업데이트 되어 컴포넌트가 리렌더링되면, 리액트가 새 스케치의 세부정보를 채우고 새 스냅샷을 캡쳐할 수 있도록 해당 리렌더링이 계단식으로 진행된다.

참조

0개의 댓글