React 19.2 출시! 새로운 기능과 성능 향상!
by DD
8개월 전
조회수 11
React 19.2 릴리즈를 통해 useEffectEvent, cacheSignal 등 새로운 기능 추가
Partial Pre-rendering 도입으로 SSR 성능 개선 및 사용자 경험 향상
Suspense Boundary의 Batching 및 Web Streams 지원으로 렌더링 최적화
useEffectEvent: Effect Event 분리
useEffectEvent를 사용하면 Effect 내부에서 발생하는 '이벤트' 로직을 분리하여 관리할 수 있다. 구체적으로, 의존성 배열에 포함되지 않는 이벤트 관련 로직을 처리하여 불필요한 Effect 재실행을 방지한다. 따라서 성능 저하를 막고, 코드의 가독성을 높이는 데 기여한다.
Partial Pre-rendering: SSR 성능 향상
Partial Pre-rendering은 정적인 부분을 미리 렌더링하고, 동적인 부분을 나중에 채워 넣는 방식으로 SSR 성능을 개선한다. CDN을 활용하여 초기 로딩 속도를 향상시키고, Web Streams를 지원하여 스트리밍 렌더링을 최적화한다. 반면, 복잡한 로직의 경우 구현 난이도가 증가할 수 있다.
Suspense Boundary Batching: 렌더링 최적화
React 19.2는 Suspense Boundary의 렌더링을 배치 처리하여 SSR 시 깜빡임을 줄인다. 구체적으로, 여러 Suspense 컴포넌트를 묶어 한 번에 표시함으로써 사용자 경험을 개선한다. 따라서 LCP와 같은 핵심 지표를 개선하고, 애니메이션의 부드러움을 향상시킨다.
