react-router-framework-mode

Full-stack React development with file-based routing, server/client rendering, data loading, and type-safe route modules. 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.