유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Tanstack Router Tutorial - Routing, Lazy Loading, Data Fetching, Params...

PedroTech

2024. 12. 26.

0

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

Recommanded Videos