Vercel React View Transitions

React의 View Transition API (<ViewTransition> 컴포넌트, addTransitionType, CSS view transition 의사 요소)를 사용하여 부드럽고 자연스러운 애니메이션을 구현하는 방법에 대한 가이드입니다.

이 스킬은 사용자가 페이지 전환, 라우트 변경 애니메이션, 공유 요소 애니메이션, 컴포넌트의 진입/퇴출 애니메이션, 목록 재정렬 애니메이션, 방향 기반(전방/후방) 네비게이션 애니메이션을 추가하거나 Next.js에 view transition를 통합할 때 사용합니다.

또한 사용자가 view transitions, startViewTransition, ViewTransition, transition types 또는 React에서 제3자 애니메이션 라이브러리 없이 UI 상태 간 애니메이션을 구현하는 경우에도 이 스킬을 사용합니다.