- Next.js 라우터 함수는 Promise를 반환하지 않아 로딩 상태 표시가 어렵습니다. ⏳
useTransition
을 사용하여 라우터 함수 (예:router.refresh
,router.push
)를 감싸면 로딩 상태를 구현할 수 있습니다. 🔄useTransition
은startTransition
함수를 반환하며, 이를 통해 로딩 중 UI 업데이트를 관리합니다. ✨- API 호출 등으로 인한 지연 시, 사용자 경험을 개선하기 위해 로딩 상태 표시가 중요합니다. 💡
- Next.js 15에서의 라우터 기능 사용법에 대한 실용적인 팁을 제공합니다. 💻