(참고 : https://react-ko.dev/learn/render-and-commit)
리액트의 렌더링이란?
리액트에서 컴포넌트를 호출하는 것.
컴포넌트는 언제 렌더링되는가?
- 처음 화면에 등장할 때(초기 렌더링)
첫 렌더링에서 리액트는 루트 컴포넌트를 호출. - 컴포넌트의 state가 업데이트되었을 때
이 경우 리액트는 state 업데이트에 의해 렌더링이 발동된 함수 컴포넌트를 호출.
렌더링은 재귀적이다.
만약 렌더링되는 컴포넌트가 다른 컴포넌트를 반환할 경우, 리액트는 다음으로 해당 컴포넌트를 렌더링하며, 이는 중첩된 컴포넌트가 더 이상 없거나 리액트가 화면에 표시될 내용을 정확히 알 때까지 계속됨
부모 컴포넌트가 렌더링되면, 모든 자식 컴포넌트도 렌더링된다.
리액트의 커밋이란?
컴포넌트의 렌더링 이후 리액트가 DOM을 수정하는 과정.
리액트는 렌더링 간에 차이가 있는 경우에만 DOM 노드를 변경함.