TanStack Router
타입 안전성과 효율적인 데이터 관리에 특화된, React를 위해 설계된 현대적이고 확장 가능한 라우팅 라이브러리입니다.
TanStack Start
빌드
유틸리티
TanStack Router와 Vite를 기반으로 구축된 풀스택 클라이언트 우선 메타 프레임워크로, React와 Solid의 최신 웹 앱을 위한 완전한 타입 안전 라우팅 시스템과 엔드투엔드 기본 기능을 제공합니다.
클라이언트 측 상호작용을 유지하면서 전체 문서 서버 사이드 렌더링, 스트리밍, 서버 함수/RPC 및 API 라우트를 제공합니다. 라우트부터 서버 API까지 타입 추론을 지원하는 개발자 경험을 강조해 견고한 DX와 런타임 오류 감소를 돕습니다.
Vite 기반 번들링과 함께 기존 Node 서버부터 서버리스, 엣지, CDN 환경까지 어디서나 배포할 수 있습니다. 라우팅, 데이터 흐름, 렌더링 수명 주기를 위한 기능을 기본 제공하면서 간단한 SPA부터 복잡한 엔터프라이즈급 애플리케이션까지 확장할 수 있도록 설계되었습니다.
현재 베타 버전이며 1.0 출시를 위해 활발히 개발 중입니다. 버전을 고정하고 릴리스를 추적하면 프로덕션에서도 사용할 수 있습니다.
기능
- TanStack Router 기반 타입 안전 라우팅
- 전체 문서 SSR
- 스트리밍 응답
- 서버 함수 및 RPC
- API 라우트
- Vite 기반 번들링 및 개발 서버
- React 및 Solid 지원
- 클라이언트 우선 개발자 경험
- 어디서나 배포: Node, 서버리스, 엣지, CDN
- 라우트와 API 전반의 강력한 타입 추론
- 대규모 엔터프라이즈 라우팅 요구사항 지원
관련 항목
React Router
React 애플리케이션의 라우팅과 탐색을 관리해 개발 효율성과 애플리케이션 성능을 높이는 필수 도구입니다.
Hybrids
선언형 및 함수형 프로그래밍 기법을 결합해 효율적이고 유지 관리가 쉬운 웹 애플리케이션과 컴포넌트를 만들 수 있도록 지원하는 프레임워크입니다.
Inertia.js
현대적인 클라이언트 측 기법을 활용하면서도 기존 서버 렌더링 애플리케이션의 간결함을 유지하는 접근 방식으로 현대적인 웹 애플리케이션 개발을 간소화합니다.
nuqs
URL 쿼리 문자열을 활용해 상태를 유지하고 동기화하면 Next.js 애플리케이션 상태를 손쉽게 관리할 수 있습니다.
React Hook Form
성능과 사용성을 고려해 React 애플리케이션의 폼 관리 과정을 간소화하는 강력한 폼 처리 라이브러리입니다.
SvelteKit
우아한 컴포넌트 기반 접근 방식으로 웹 애플리케이션 개발을 가속화하도록 설계된 강력한 프레임워크입니다.
usehooks-ts
바로 사용할 수 있는 솔루션을 제공해 개발 과정을 개선하고 애플리케이션의 강한 타입 안정성과 효율성을 보장하는 React 훅 모음입니다.