Skills
.Work. You
Rest

lifecycle/migrate-from-react-router

Official

Migrate React Router to TanStack Router

Software Engineering#routing#navigation#migrate#code-splitting#react-router#tanstack-router#loader
AuthorTanStack
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Migration tasks from React Router v7 to TanStack Router, including route syntax changes and API updates, are centralized into a checklist to reduce risk and downtime.

Core Features & Use Cases

  • Step-by-step migration guidance covering route definitions, Link/useNavigate, useSearchParams, useParams, Outlet, loaders, and code splitting.
  • Real-world scenario examples and recommended tooling to validate each step before moving on.
  • Reusable patterns and edge-case considerations to avoid common pitfalls during migration.

Quick Start

Follow this step-by-step checklist to migrate from React Router v7 to TanStack Router.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: lifecycle/migrate-from-react-router
Download link: https://github.com/TanStack/router/archive/main.zip#lifecycle-migrate-from-react-router

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.