home/categories/frontend/tanstack-router-packages-react-router-skills-lifecycle-migrate-from-react-router-skill-md
frontenddevelopment

lifecyclemigrate-from-react-router

Step-by-step migration from React Router v7 to TanStack Router: route definition conversion, Link/useNavigate API differences, useSearchParams to validateSearch + useSearch, useParams with from, Outlet replacement, loader conversion, code splitting differences.

TanStack
maintainer
TanStack
Updated 3/20/2026
Stars
14113
Forks
1630
quick start

Installation and usage

Step-by-step migration from React Router v7 to TanStack Router: route definition conversion, Link/useNavigate API differences, useSearchParams to validateSearch + useSearch, useParams with from, Outlet replacement, loader conversion, code splitting differences.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use lifecyclemigrate-from-react-router