codesquad2023-fe-study / ReactDeepDive-book-study

리액트 딥다이브 책 스터디입니다.
0 stars 0 forks source link

[ 2주차 ] p176, p181: "업데이트가 필요하다고 체크되어 있는"이란? #3

Open JaydenLee1116 opened 7 months ago

JaydenLee1116 commented 7 months ago

주제

p176: "렌더링 프로세스가 시작되면 리액트는 컴포넌트의 루트에서부터 차근차근 아래쪽으로 내려가면서 업데이트가 필요하다고 지정돼 있는 모든 컴포넌트를 찾는다."

p181: "그다음 하위 컴포넌트인 B 컴포넌트는 업데이트가 필요하다고 체크돼 있으므로 B를 리렌더링한다."

위에서 업데이트가 필요하다고 체크되어있다.라고 하는 부분이 언제 체크되어있는건지?!

선정 이유

업데이트가 필요하다고 체크는 언제 리액트가 알 수 있는건가 궁금해서!

책 내용 (p페이지)

JaydenLee1116 commented 7 months ago

React Fiber에 있는 여러 property에 해당 fiber에 대응하는 리액트 컴포넌트의 업데이트 유무가 담겨있는 것으로 추측된다.

예를 들어, this.tag의 값이 14라면 해당 Fiber에 대응하는 컴포넌트는 MemoComponent이기 때문에 업데이트가 필요하지 않다고 체크가 된다.

(참고: 리액트 딥다이브 p134 ~ p135, p137)