라우팅 솔루션을 선택하고 있나요? 이 나란히 비교한 표에서는 주요 기능, 장단점 및 일반적인 사용 사례를 보여 주므로 각 옵션이 프로젝트 요구 사항에 얼마나 적합한지 빠르게 평가할 수 있습니다.
정확하고 공정한 비교를 제공하려고 하지만, 이 표에 각 라이브러리의 모든 세부 사항이나 최근 업데이트가 반영되지는 않을 수 있습니다. 특정 사용 사례에 가장 적합한 결정을 내리려면 공식 문서를 검토하고 각 솔루션을 직접 사용해 보는 것이 좋습니다.
차이점을 발견했거나 개선 제안이 있다면 이 페이지 하단의 "GitHub에서 이 페이지 편집" 링크를 통해 기여하거나 TanStack Router GitHub 저장소에 이슈를 열어 주세요.
기능/역량 범례:
- ✅ 일급 기능이며 기본 제공되고 추가 구성이나 코드 없이 바로 사용할 수 있음
- 🟡 부분 지원(5점 만점)
- 🟠 애드온/커뮤니티 패키지를 통해 지원
- 🔶 가능하지만 사용자 지정 코드/구현/캐스팅이 필요함
- 🛑 공식적으로 지원하지 않음
React
비교 | TanStack Router 및 TanStack Start와 Next.js 및 React Router / Remix
| TanStack Router / Start | React Router DOM (웹사이트) | Next.JS (웹사이트) | |
|---|---|---|---|
| GitHub 저장소 / 별 |  |  |  |
| 번들 크기 | ❓ | ||
| 히스토리, 메모리 및 해시 라우터 | ✅ | ✅ | 🛑 |
| 중첩/레이아웃 라우트 | ✅ | ✅ | 🟡 |
| Suspense와 유사한 라우트 전환 | ✅ | ✅ | ✅ |
| 타입 안전 라우트 | ✅ | 🟡 (1/5) | 🟡 |
| 코드 기반 라우트 | ✅ | ✅ | 🛑 |
| 파일 기반 라우트 | ✅ | ✅ | ✅ |
| 가상/프로그래밍 방식 파일 기반 라우트 | ✅ | ✅ | 🛑 |
| 라우터 로더 | ✅ | ✅ | ✅ |
| SWR 로더 캐싱 | ✅ | 🛑 | ✅ |
| 라우트 프리페치 | ✅ | ✅ | ✅ |
| 라우트 자동 프리페치 | ✅ | ✅ | ✅ |
| 라우트 프리페치 지연 | ✅ | 🔶 | 🛑 |
| 경로 매개변수 | ✅ | ✅ | ✅ |
| 타입 안전 경로 매개변수 | ✅ | ✅ | 🛑 |
| 타입 안전 라우트 컨텍스트 | ✅ | 🛑 | 🛑 |
| 경로 매개변수 검증 | ✅ | 🛑 | 🛑 |
| 사용자 지정 경로 매개변수 파싱/직렬화 | ✅ | 🛑 | 🛑 |
| 순위가 지정된 라우트 | ✅ | ✅ | ✅ |
| 활성 링크 사용자 지정 | ✅ | ✅ | ✅ |
| 낙관적 UI | ✅ | ✅ | 🔶 |
| 타입 안전 절대/상대 이동 | ✅ | 🟡 (buildHref 유틸리티를 통한 1/5) | 🟠 (IDE 플러그인) |
| 라우트 마운트/전환/언마운트 이벤트 | ✅ | 🛑 | 🛑 |
| Devtools | ✅ | 🟠 | 🛑 |
| 기본 검색 매개변수 | ✅ | ✅ | ✅ |
| 검색 매개변수 훅 | ✅ | ✅ | ✅ |
<Link/>/useNavigate 검색 매개변수 API | ✅ | 🟡 (to/search 옵션을 통한 검색 문자열만) | 🟡 (to/search 옵션을 통한 검색 문자열만) |
| JSON 검색 매개변수 | ✅ | 🔶 | 🔶 |
| 타입 안전 검색 매개변수 | ✅ | 🛑 | 🛑 |
| 검색 매개변수 스키마 검증 | ✅ | 🛑 | 🛑 |
| 검색 매개변수 불변성 및 구조적 공유 | ✅ | 🔶 | 🛑 |
| 사용자 지정 검색 매개변수 파싱/직렬화 | ✅ | 🔶 | 🛑 |
| 검색 매개변수 미들웨어 | ✅ | 🛑 | 🛑 |
| Suspense 라우트 요소 | ✅ | ✅ | ✅ |
| 라우트 오류 요소 | ✅ | ✅ | ✅ |
| 라우트 대기 요소 | ✅ | ✅ | ✅ |
<Block>/useBlocker | ✅ | 🔶 (하드 리로드 또는 교차 출처 이동 없음) | 🛑 |
| 지연 프리미티브 | ✅ | ✅ | ✅ |
| 이동 스크롤 복원 | ✅ | ✅ | ❓ |
| 요소 스크롤 복원 | ✅ | 🛑 | 🛑 |
| 비동기 스크롤 복원 | ✅ | 🛑 | 🛑 |
| 라우터 무효화 | ✅ | ✅ | ✅ |
| 런타임 라우트 조작(Fog of War) | 🛑 | ✅ | ✅ |
| 병렬 라우트 | 🛑 | 🛑 | ✅ |
| -- | -- | -- | -- |
| 풀 스택 | -- | -- | -- |
| SSR | ✅ | ✅ | ✅ |
| 스트리밍 SSR | ✅ | ✅ | ✅ |
| 일반 RPC | ✅ | 🛑 | 🛑 |
| 일반 RPC 미들웨어 | ✅ | 🛑 | 🛑 |
| React 서버 함수 | ✅ | 🛑 | ✅ |
| React 서버 함수 미들웨어 | ✅ | 🛑 | 🛑 |
| API 라우트 | ✅ | ✅ | ✅ |
| API 미들웨어 | ✅ | ✅ | ✅ |
| React 서버 컴포넌트 | 🟡 (실험적) | 🟡 (실험적) | ✅ |
<Form> API | 🛑 | ✅ | ✅ |
Solid
아직 Solid 비교 표가 없습니다. 표 작성에 도움을 주고 싶다면 TanStack Discord에 문의하거나 비교 제안이 담긴 PR을 열어 주세요.