계산 단계와 반영 단계를 왜 나누는가?

계산을 중단하거나 다시 시작해도 화면이 중간 상태에 놓이지 않게 하려고 나눈다. DOM과 ref는 커밋에서 일관되게 반영한다.

렌더 단계는 컴포넌트를 호출해 결과를 계산한다. 우선순위에 따라 중단되거나 폐기될 수 있으므로 외부 부작용을 두면 안 된다.

커밋은 DOM 변경과 ref를 적용하며 중간에 쪼개지 않는다. useLayoutEffect는 페인트 전, useEffect는 대체로 페인트 뒤에 실행된다.