- TanStack Router의
useRouterState
훅을 사용하여 라우트 변경을 감지하고, React 컴포넌트를 반응형으로 만들 수 있습니다. 💡 routerState.location
을 통해 현재 URL의 경로와 href를 얻을 수 있습니다. 🗺️routerState.status
를 이용하여 라우팅 상태(pending, idle)를 확인하고 로딩 표시기를 구현할 수 있습니다. ⏳Link
컴포넌트의active
prop을 활용하여 활성 링크를 쉽게 표시할 수 있습니다. ✅router.state
도 라우터 상태에 접근할 수 있지만, 반응형이 아니므로useRouterState
를 사용하는 것이 좋습니다. ⚠️routerState.location.pathname
을 사용하여 특정 경로에 따라 UI를 동적으로 변경할 수 있습니다. 📍