react-router-v7

SKILL.md

Use : Creating/deleting with URL change, adding to history Use useFetcher: Inline updates, list operations, popovers - no URL change

Use loader: Data before render, server-side fetch, automatic revalidation Use useEffect: Client-only data, user-interaction dependent, subscriptions

| Feature | Framework Mode | Data Mode | Declarative Mode |

React Router v7 best practices for data-driven routing. Use when implementing routes, loaders, actions, Form components, fetchers, navigation guards, protected routes, or URL search params. Triggers on createBrowserRouter, RouterProvider, useLoaderData, useActionData, useFetcher, NavLink, Outlet. Source: existential-birds/beagle.

View raw