React 18 주요기능

개념 설명

동시성(Concurrency) 기능을 도입하여 사용자 경험을 개선하고 성능을 최적화한 React의 메이저 업데이트.

핵심 포인트

• Concurrent Rendering: 우선순위에 따른 렌더링 중단/재개 가능
• Automatic Batching: 모든 상태 업데이트가 자동으로 배치 처리됨
• useTransition: 긴급하지 않은 업데이트를 지연시켜 반응성 향상
• useDeferredValue: 값 업데이트를 지연시켜 렌더링 최적화
• createRoot API: ReactDOM.render 대신 사용 권장

예시 코드

// createRoot API 사용
import { createRoot } from 'react-dom/client';