React Render

React Render는 React가 함수 컴포넌트를 호출해 현재 props, state와 context로 다음 UI 모양을 계산하는 단계다. 컴포넌트가 다른 컴포넌트를 반환하면 React는 그 하위 컴포넌트도 계속 계산해 필요한 UI 트리를 만든다.

Render는 계산 단계이므로 실제 브라우저 DOM이나 네이티브 화면을 바꿨다는 뜻이 아니다. 그 뒤의 반영 절차는 렌더러마다 다르다. React DOM은 Commit에서 필요한 DOM 변경을 반영하고, React Native New Architecture는 Commit에서 계산 결과를 확정한 뒤 별도 Mount 단계에서 실제 플랫폼 UI 요소를 바꾼다. Render 중에는 같은 입력에서 같은 결과를 계산하고 기존 외부 값을 바꾸지 않아야 한다.