tanstack-router

File-based routing in React is set up by creating route files inside a `src/routes` directory. The convention automatically generates routes based on the file structure, reducing boilerplate code and improving developer experience.

Dynamic route segments in React applications are handled using specific file naming conventions like `$userId`. This structure supports dynamic route parameters and manages their definitions automatically within the file-based routing system.

Prefetching data for React routes on the server is best done using `ensureQueryData`. This strategy integrates with data fetching libraries to prefetch data, allowing client-side consumption via `useSuspenseQuery`.

TanStack Router supports nested layouts in React through layout routes. This enables the creation of nested layouts for consistent UI structure across multiple route files in your application directory.

Scaffolding a new React feature with nested routes and data loading is done by creating files in the correct directory structure. Adding files to `src/routes` automatically manages route definitions, layout routes, and associated data fetching logic.