react-router-framework-mode

To configure React Router framework mode, define your routes in app/routes.ts or react-router.config.ts, then implement loader and action functions within route modules to handle data fetching and mutations across server and client.

React Router framework mode unifies client and server concerns into a coherent routing and data flow model, used for building full-stack React applications that require SSR, data loading, and form mutations.

Implement action functions in your framework-mode route modules to process form submissions and mutations, then leverage type-safe exports to manage pending and optimistic UI states during the request lifecycle.

Yes, React Router framework mode supports both SSR and SPA rendering strategies, allowing you to configure server-side rendering and client-side hydration through route modules and the router runtime.

Implement the clientLoader export in your framework-mode route modules to handle client-side data fetching and hydration, ensuring predictable data flow when transitioning from server-rendered to client-rendered content.

Configure nested layouts and ErrorBoundary exports in your route modules to handle routing errors, and use loader functions to enforce protected routes by validating access before rendering the dashboard.