router-core/data-loading

You load and cache route data by defining loader functions for your routes. TanStack Router handles the data fetching, caching, and pending states automatically to streamline UI rendering.

The best way to handle pending states and errors is using built-in pending components. You can configure timing control for smoother UI transitions while the loader functions fetch route data.

Stale-while-revalidate caching works by configuring staleTime and gcTime. It serves cached data immediately while revalidating in the background, refreshing route data when it becomes stale.

Yes, you can generate cache keys from search parameters using loaderDeps. This ensures that route data caching remains unique and responsive to changing URL search parameters.

Yes, you need TanStack Router version 1.166.2 and React. These provide the foundational router context and hooks required to execute loader functions and manage route data.

You refresh data after mutations by using router invalidation mechanisms. This clears the stale cache and triggers the loader functions to fetch fresh route data automatically.