Source: https://tanstack.com/router/latest/docs/framework/react

TanStack

Router v1v1

Search...

+ K

Auto

Log In

TanStack StartRC

Docs Examples GitHub Contributors

TanStack Router

Docs Examples GitHub Contributors

TanStack Query

Docs Examples GitHub Contributors

TanStack Table

Docs Examples Github Contributors

TanStack Formnew

Docs Examples Github Contributors

TanStack DBbeta

Docs Github Contributors

TanStack Virtual

Docs Examples Github Contributors

TanStack Paceralpha

Docs Examples Github Contributors

TanStack Storealpha

Docs Examples Github Contributors

TanStack Devtoolsalpha

Docs Github Contributors

More Libraries

Maintainers Partners Support Learn StatsBETA Discord Merch Blog GitHub Ethos Brand Guide

Documentation

Framework

React

Version

Latest

Search...

+ K

Menu

• Home

• Frameworks

• Contributors

• GitHub

• Discord

Getting Started

• Overview
  
  react

• Quick Start
  
  react

• Devtools
  
  react

• Decisions on DX
  
  react

• LLM Assistance Support
  
  react

• Comparison
  
  react

• Frequently Asked Questions
  
  react

Installation Guides

• Manual Setup
  
  react

• Vite
  
  react

• Rspack/Rsbuild
  
  react

• Webpack
  
  react

• Esbuild
  
  react

• Router CLI
  
  react

• Migrate from React Router
  
  react

• Migrate from React Location
  
  react

Routing

• Routing Concepts
  
  react

• Route Trees
  
  react

• Route Matching
  
  react

• File-Based Routing
  
  react

• Virtual File Routes
  
  react

• Code-Based Routing
  
  react

• File Naming Conventions
  
  react

Guides

• Code Splitting
  
  react

• Automatic Code Splitting
  
  react

• Creating a Router
  
  react

• Outlets
  
  react

• Navigation
  
  react

• Path Params
  
  react

• Search Params
  
  react

• Link Options
  
  react

• Custom Links
  
  react

• Data Loading
  
  react

• Deferred Data Loading
  
  react

• External Data Loading
  
  react

• Data Mutations
  
  react

• Type Safety
  
  react

• Type Utilities
  
  react

• Preloading
  
  react

• Document Head Management
  
  react

• Route Masking
  
  react

• Navigation Blocking
  
  react

• Custom Search Param Serialization
  
  react

• History Types
  
  react

• Router Context
  
  react

• Not Found Errors
  
  react

• Authenticated Routes
  
  react

• Scroll Restoration
  
  react

• Static Route Data
  
  react

• SSR
  
  react

• Render Optimizations
  
  react

API

• File-Based Routing
  
  core

• Router
  
  react

Integrations

• TanStack Query
  
  react

ESLint

• ESLint Plugin Router
  
  core

• Create Route Property Order
  
  core

Router Examples

• Quickstart (file-based)
  
  react

• Quickstart (code-based)
  
  react

• Basic (file-based)
  
  react

• Basic (code-based)
  
  react

• Basic + React Query (file-based)
  
  react

• Basic + React Query (code-based)
  
  react

• Basic + SSR (file-based)
  
  react

• Basic + SSR Streaming (file-based)
  
  react

• Kitchen Sink (file-based)
  
  react

• Kitchen Sink (code-based)
  
  react

• Kitchen Sink + React Query (file-based)
  
  react

• Kitchen Sink + React Query (code-based)
  
  react

• Location Masking
  
  react

• Authenticated Routes
  
  react

• Scroll Restoration
  
  react

• Deferred Data
  
  react

• Navigation Blocking
  
  react

• View Transitions
  
  react

• Framer Motion
  
  react

• With tRPC
  
  react

• With tRPC + React Query
  
  react

• Monorepo basic
  
  react

• Monorepo basic (with lazy loading)
  
  react

• Monorepo with React Query
  
  react

Framework

React

Version

Latest

Menu

• Home

• Frameworks

• Contributors

• GitHub

• Discord

Getting Started

• Overview
  
  react

• Quick Start
  
  react

• Devtools
  
  react

• Decisions on DX
  
  react

• LLM Assistance Support
  
  react

• Comparison
  
  react

• Frequently Asked Questions
  
  react

Installation Guides

• Manual Setup
  
  react

• Vite
  
  react

• Rspack/Rsbuild
  
  react

• Webpack
  
  react

• Esbuild
  
  react

• Router CLI
  
  react

• Migrate from React Router
  
  react

• Migrate from React Location
  
  react

Routing

• Routing Concepts
  
  react

• Route Trees
  
  react

• Route Matching
  
  react

• File-Based Routing
  
  react

• Virtual File Routes
  
  react

• Code-Based Routing
  
  react

• File Naming Conventions
  
  react

Guides

• Code Splitting
  
  react

• Automatic Code Splitting
  
  react

• Creating a Router
  
  react

• Outlets
  
  react

• Navigation
  
  react

• Path Params
  
  react

• Search Params
  
  react

• Link Options
  
  react

• Custom Links
  
  react

• Data Loading
  
  react

• Deferred Data Loading
  
  react

• External Data Loading
  
  react

• Data Mutations
  
  react

• Type Safety
  
  react

• Type Utilities
  
  react

• Preloading
  
  react

• Document Head Management
  
  react

• Route Masking
  
  react

• Navigation Blocking
  
  react

• Custom Search Param Serialization
  
  react

• History Types
  
  react

• Router Context
  
  react

• Not Found Errors
  
  react

• Authenticated Routes
  
  react

• Scroll Restoration
  
  react

• Static Route Data
  
  react

• SSR
  
  react

• Render Optimizations
  
  react

API

• File-Based Routing
  
  core

• Router
  
  react

Integrations

• TanStack Query
  
  react

ESLint

• ESLint Plugin Router
  
  core

• Create Route Property Order
  
  core

Router Examples

• Quickstart (file-based)
  
  react

• Quickstart (code-based)
  
  react

• Basic (file-based)
  
  react

• Basic (code-based)
  
  react

• Basic + React Query (file-based)
  
  react

• Basic + React Query (code-based)
  
  react

• Basic + SSR (file-based)
  
  react

• Basic + SSR Streaming (file-based)
  
  react

• Kitchen Sink (file-based)
  
  react

• Kitchen Sink (code-based)
  
  react

• Kitchen Sink + React Query (file-based)
  
  react

• Kitchen Sink + React Query (code-based)
  
  react

• Location Masking
  
  react

• Authenticated Routes
  
  react

• Scroll Restoration
  
  react

• Deferred Data
  
  react

• Navigation Blocking
  
  react

• View Transitions
  
  react

• Framer Motion
  
  react

• With tRPC
  
  react

• With tRPC + React Query
  
  react

• Monorepo basic
  
  react

• Monorepo basic (with lazy loading)
  
  react

• Monorepo with React Query
  
  react

TanStack React Router Documentation

Use the menu to select a documentation page.

Home

Partners Become a Partner