React 19.3 정식 버전이 npm에 공개됐습니다. 지난해 실험 API로 소개됐던 View Transitions와 Fragment Refs가 안정화됐고, 브라우저 전용 렌더링을 명시하는 browser(), Trusted Types 지원, Server Components의 Context 직접 렌더링도 추가됐습니다.
주요 변경
<ViewTransition>이 안정화되어 브라우저 View Transition API를 React Transition·Suspense와 함께 사용할 수 있습니다.<Fragment ref={...}>가 안정화되어 불필요한 래퍼 DOM 없이 여러 자식 노드를 하나의 그룹처럼 포커스·관찰·측정·스크롤할 수 있습니다.- React DOM에
browser()가 추가되어 브라우저에서만 의미 있는 컴포넌트를 서버 렌더링에서 Suspense로 제외할 수 있습니다. - Trusted Types 객체를 문자열로 강제 변환하지 않고 DOM API에 전달해 CSP 기반 DOM XSS 방어와의 호환성이 개선됐습니다.
- Server Components가
'use client'모듈에서 가져온 Context를 별도 Provider 래퍼 없이 직접 렌더링할 수 있습니다.
개발자 영향
페이지 전환 애니메이션과 Fragment 단위 DOM 제어를 실험 빌드 없이 사용할 수 있게 됐고, SSR 환경에서 브라우저 전용 API를 다루는 패턴도 단순해졌습니다. Trusted Types를 적용한 서비스는 React가 신뢰 객체를 그대로 전달하므로 기존 우회 코드가 필요한지 다시 점검할 수 있습니다. React 19.3으로 올릴 때는 ViewTransition·Fragment Ref 관련 기존 실험 API 사용 코드를 안정 API 기준으로 재확인하는 것이 좋습니다.
원문 발표: · React Team (공식 블로그 릴리스 반영 커밋 기준)
새 글 받아보기
RSS 리더에서 BlogFlow의 새 글을 확인할 수 있습니다.