react-router-data-mode

Define routes as objects with path, Component, loader, and action properties, pass them to createBrowserRouter, and render with RouterProvider. This enables data loading, mutations, and pending UI without the framework Vite plugin.

Use the Form component with method="post" to submit to a route action, or use useFetcher for inline mutations without navigation. For search forms, use Form with method="get" to automatically update URL search params.

Use useFetcher for inline mutations like likes, ratings, or toggles that should not trigger page navigation. Each fetcher has independent state and its formData property enables optimistic UI updates.

Use the useNavigation hook to track navigation state, which returns idle, loading, or submitting. NavLink also exposes isPending for per-link loading indicators while the destination loader runs.

Yes, SSR works without the Vite plugin using createStaticHandler and createStaticRouter on the server with StaticRouterProvider, then hydrating on the client with createBrowserRouter and hydrateRoot using shared route definitions.

Loaders revalidate automatically after actions complete. Control this behavior with the shouldRevalidate route property, which receives currentUrl, nextUrl, and defaultShouldRevalidate to decide whether revalidation is needed.