Legacy Mode

ReactDOM.render(<App />, rootNode)

Concurrent Mode

ReactDOM.createRoot(rootNode).render(<App />)

Concurrent Mode는 Legacy Mode보다 더 높은 응답성과 성능을 제공하기 위해 도입된 기능입니다. 병렬 처리, 우선순위 조정, 일시 중단 및 취소와 같은 기능을 통해 사용자 경험을 개선할 수 있습니다. 그러나 Concurrent Mode는 몇 가지 주의사항과 API 변경 사항을 동반하므로, 기존의 React 애플리케이션으 업그레이드할 때에는 주의가 필요합니다.