What problem does it solve? React Router v7 framework mode introduces many APIs—loaders, actions, middleware, route modules, rendering strategies—and it is easy to apply outdated or incorrect patterns. This Skill provides authoritative, version-aware guidance so you configure routes, data loading, mutations, and error handling correctly the first time. ## Core Features & Use Cases - Routing & Route Modules: Configure routes in app/routes.ts with nested layouts, dynamic segments, splats, and understand every route module export (loader, action, meta, links, ErrorBoundary, handle). - Data Loading & Mutations: Implement server/client loaders, streaming with Suspense, form handling with <Form> and useFetcher, optimistic UI, and validation error patterns. - Auth, Sessions & Middleware: Set up cookie-based sessions, login/logout flows, protected routes, and middleware with the context API (requires v7.9.0+ with the v8_middleware flag). - Use Case: You are adding a dashboard to a React Router app. Use this Skill to configure nested routes with a shared layout, protect them with auth middleware, load data in a loader, and handle inline mutations with optimistic useFetcher updates. ## Quick Start Use the react-router-framework-mode skill to add a protected dashboard route with a loader and an optimistic favorite button to my React Router app.
