TanStack Start
타입 안전 라우팅, SSR, 스트리밍, 서버 함수, Vite 기반 번들링을 지원하며 어디서나 배포할 수 있는 React 및 Solid용 풀스택 메타 프레임워크입니다.
TanStack Router는 React 애플리케이션을 위한 완전한 타입 안전 라우팅 솔루션입니다. 안전성을 희생하지 않으면서 개발자 경험을 개선하도록 현대적인 라우팅 패턴을 새롭게 설계했습니다.
라우터는 데이터 가져오기를 간소화하고 내장 캐싱과 자동 사전 로딩을 통해 즉시 탐색할 수 있게 합니다. 다용도 로더 API는 데이터 가져오기 과정에서 폭포 현상을 방지해 페이지를 병렬로 로드하는 동안에도 사용자의 흐름을 유지합니다.
또한 TanStack Router는 스키마, 유효성 검사, URL 검색 매개변수 조작을 지원하는 고급 검색 매개변수 API를 제공해 상태 관리를 개선합니다. 이 기능은 메모리 내 상태에 대한 의존도를 줄이고 사용자 경험을 향상합니다.
가벼운 아키텍처(단 12kb)로 성능과 확장성을 유지해 고성능 애플리케이션을 배포할 때 신뢰할 수 있는 선택지입니다. Vercel, Clerk, Convex, Sentry 같은 파트너와 통합되어 보안, 실시간 데이터 상호작용, 효과적인 애플리케이션 모니터링을 지원합니다.
기능
- 100% 타입 안전
- 병렬 라우트 로더
- 우선 지원되는 검색 매개변수 API
- 중첩/레이아웃 라우트
- 경량 (12kb)
- Suspense 및 트랜지션
- 엄격한 탐색
- 경로 자동 완성
- 검색 매개변수 스키마
- 검색 매개변수 유효성 검사
- 검색 매개변수 파싱 및 직렬화
- 검색 매개변수 전처리 및 후처리
- 구조적 공유
- 자동 사전 가져오기
- 비동기 요소
- 대기 중 요소
- 오류 경계
관련 항목
React Router
React 애플리케이션의 라우팅과 탐색을 관리해 개발 효율성과 애플리케이션 성능을 높이는 필수 도구입니다.
Hybrids
선언형 및 함수형 프로그래밍 기법을 결합해 효율적이고 유지 관리가 쉬운 웹 애플리케이션과 컴포넌트를 만들 수 있도록 지원하는 프레임워크입니다.
Inertia.js
현대적인 클라이언트 측 기법을 활용하면서도 기존 서버 렌더링 애플리케이션의 간결함을 유지하는 접근 방식으로 현대적인 웹 애플리케이션 개발을 간소화합니다.
nuqs
URL 쿼리 문자열을 활용해 상태를 유지하고 동기화하면 Next.js 애플리케이션 상태를 손쉽게 관리할 수 있습니다.
React Hook Form
성능과 사용성을 고려해 React 애플리케이션의 폼 관리 과정을 간소화하는 강력한 폼 처리 라이브러리입니다.
usehooks-ts
바로 사용할 수 있는 솔루션을 제공해 개발 과정을 개선하고 애플리케이션의 강한 타입 안정성과 효율성을 보장하는 React 훅 모음입니다.
TanStack Form
헤드리스 타입 안전 폼 상태 관리 기능으로, 스키마에 구애받지 않는 유효성 검사, 세밀한 구독, 복잡한 폼을 구축하기 위한 편리한 API를 제공합니다.