TanStackRouter
Type-safe Routing for React and Solid applications
A powerful React router for client-side and full-stack react applications. Fully type-safe APIs, first-class search-params for managing state in the URL and seamless integration with the existing React ecosystem.
Typesafe & powerful, yet familiarly simple
TanStack Router builds on modern routing patterns made popular by other tools, but has been re-engineered from the ground up to be
100% typesafe without compromising on DX. You can have your cake and eat it too!
Built-in Data Fetching with Caching
Hoist your data fetching and avoid waterfalls with TanStack Router's loader API and get
instant navigations with built-in caching and automatic preloading. Need something more custom? Router's API is designed to work with your favorite client-side cache libraries!
Search Param APIs to make your state-manager jealous
Instead of throwing you to the URLSearchParam wolves, TanStack Router outfits you with state-manager-grade search param APIs. With
schemas, validation, full type-safety and pre/post manipulation, you can manage your state in the URL and easily sync it to your state-manager of choice.
Feature Rich and Lightweight
100% Typesafe Parallel Route Loaders 1st-class Search Param APIs Nested/Layout Routes Lightweight (12kb) Suspense + Transitions Strict Navigation Auto-completed Paths Search Param Schemas Search Param Validation Search Param Parsing + Serialization Search Param Pre/Post Processing Structural Sharing Automatic Prefetching Asynchronous Elements Pending Elements Error Boundaries
Take it for a spin!
Create a route, pop in a Router, and start slingin' some code!
Only one thing left to do...