react-router-framework-mode

React Router framework mode configures file-based routing by defining nested layouts, dynamic segments, and data loading through conventions. You use `loader`, `clientLoader`, `action`, and `clientAction` functions to fetch and mutate data across server and client environments.

Server loaders and clientLoaders in React Router distinguish data fetching by execution environment. Server loaders run during server-side rendering and prerendering, while clientLoaders execute in the browser to fetch data for client-side rendering and navigation scenarios.

Form mutations and navigation in React Router framework mode are handled using the `<Form>` component for mutations and `<Link>` for navigation. You implement `action` and `clientAction` functions to process form submissions, enabling pending and optimistic UI patterns.

React Router framework mode supports server-side rendering, client-side rendering, and prerendering scenarios. It coordinates data loading and error boundaries across these rendering environments using both server and client loaders and actions.

Error boundaries for nested routes in React Router framework mode are implemented using framework conventions that catch errors during rendering, data loading, and mutations. They provide granular error handling across SSR and CSR rendering environments.