React Commit

React Commit은 Render에서 계산한 결과를 실제 렌더러가 사용할 다음 트리로 확정하는 단계다. React DOM 공식 학습 모델에서는 이 단계에 브라우저 DOM 노드를 만들거나 필요한 속성과 내용을 바꾸는 작업까지 포함한다.

React Native New Architecture의 공식 파이프라인은 Commit과 Mount를 더 세밀하게 나눈다. Commit에서 화면 요소의 크기와 위치를 계산하고 다음 내부 UI 트리를 확정한다. 그 뒤 Mount라는 별도 단계가 이전 트리와의 차이를 실제 Android·iOS UI 요소의 생성·변경 작업으로 적용한다. 따라서 Commit이라는 이름을 모든 React 렌더러에서 “실제 화면 요소를 곧바로 변경하는 한 단계”로 일반화하면 안 된다.

컴포넌트가 다시 Render됐다고 해서 항상 실제 화면 요소가 바뀌는 것은 아니다. 이전 결과와 새 결과가 같다면 해당 요소에 적용할 변경이 없을 수 있다. React DOM에서 브라우저가 픽셀을 그리는 paint도 Commit 뒤에 일어나는 브라우저의 별도 작업이므로 React Commit과 같은 말이 아니다.