react-router-framework-mode

Framework mode is React Router's full-stack development experience with file-based routing, server-side, client-side, and static rendering strategies, data loading and mutations, and type-safe route module API. Load the relevant reference for detailed guidance on the specific API/concept: Some features require specific React Router versions. Always verify before implementing: These are the most important patterns to follow. Load the relevant reference for full details. Search forms - use , NOT onSubmit with setSearchParams : Inline mutations - use useFetcher , NOT (which causes page navigation): See references/actions.md for complete patterns. Global UI belongs in root.tsx - don't create separate layout files for nav/footer: Use nested routes for section-specific layouts. See references/routing.md . meta uses loaderData , not deprecated data : See references/route-modules.md for all exports. If anything related to React Router is not covered in these references, you can search the official documentation: - Configuring new routes ( app/routes.ts ) - Loading data with loader or clientLoader - Handling mutations with action or clientAction - Navigating with , , , redirect , and useNavigate - Implementing pending/loading UI states - Configuring SSR, SPA mode, or pre-rendering ( react-router.config.ts ) - Implementing authentication