- TanStack Router는 React 프로젝트를 위한 현대적이고, 안전하며 유연한 라우팅 솔루션입니다. 🚀
- TypeScript 친화적이며, 파일 기반 라우팅으로 간결한 설정이 장점입니다. 💻
- React Query와 같은 TanStack 에코시스템과의 통합이 용이합니다. 🔗
npm install add @tanstack/router @tanstack/router-vit
명령어로 설치 가능합니다. 📦routes
폴더에 루트 라우트(root.tsx
)를 설정하고, Outlet 컴포넌트를 사용하여 다른 라우트를 렌더링합니다. 🗂️- 루트 라우트는 네비게이션 바나 푸터와 같은 공통 요소를 포함하는 레이아웃 역할을 합니다. 🏠