What problem does it solve? Building navigation in a TanStack Router application requires correctly using typed links, programmatic navigation, preloading strategies, and navigation blocking without breaking type safety or losing search params. This Skill provides the correct patterns and common pitfalls for all navigation APIs in TanStack Router. ## Core Features & Use Cases - Type-Safe Links and Navigation: Use Link, useNavigate, Navigate, and router.navigate with params, relative paths via from, and active state styling through activeProps and activeOptions. - Preloading and Performance: Configure intent, viewport, or render preloading strategies with preloadDelay and preloadStaleTime, plus scroll restoration and MatchRoute pending UI. - Navigation Blocking and Reusable Options: Guard unsaved forms with useBlocker and withResolver, and share navigation config with linkOptions and createLink for custom components. - Use Case: When building a dashboard sidebar, define nav entries with linkOptions, render them as Link components with exact active matching, and block navigation away from dirty edit forms with a custom confirm dialog. ## Quick Start Add a type-safe Link to /posts/$postId with params, intent preloading, and active styling in my TanStack Router app.
