react-router-data-mode

Data mode uses createBrowserRouter and RouterProvider to enable data loading, actions, and pending UI without the framework's Vite plugin. This is ideal for existing React applications that want to add data loading and mutation capabilities. Load the relevant reference for detailed guidance on the specific API/concept: 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. Use fetcher.formData to show expected results immediately: See references/pending-ui.md for complete patterns. If anything related to React Router is not covered in these references, you can search the official documentation: - Using createBrowserRouter with route objects - Loading data with loader property on routes - Handling mutations with action property - Navigating with , , , redirect , and useNavigate - Implementing pending/loading UI states with useNavigation - Using useFetcher for mutations without navigation