Defines URL design and routing conventions for React applications.
npx skills add https://github.com/pnewsam/skills --skill react-routing-pnewsam
Please help me install this Agent Skill. Skill: react-routing Source: https://github.com/pnewsam/skills/tree/main/archive/react-pilot/react-routing Command: npx skills add https://github.com/pnewsam/skills --skill react-routing-pnewsam
High-intent search queries and answers about installing and using this skill.
Design React URLs like a REST API: use plural nouns for collections (/invoices), kebab-case for multi-word segments (/line-items), and nouns instead of verbs (/invoices/new, not /create-invoice). Keep nesting shallow, rarely beyond three segments.
Navigational state that should survive a refresh or be shareable belongs in the URL. Use route params for resource identity and search params for view configuration like filters, sorting, and pagination, rather than copying values into useState.
React Router v7 is the common default and merged the Remix data APIs, while TanStack Router differentiates with end-to-end type safety including typed paths, params, and validated search params. Default to the router the project already uses.
Give a modal its own URL when it shows significant content, such as an invoice detail rendered over the list. Tabs deserve URLs when they represent distinct views, but not when they merely organize content within a single view.
Handle authentication at the route level with a wrapper component or loader that redirects unauthenticated users to /login, rather than checking inside individual components. Store the intended destination in a redirect search param so users return after login.
WcofGenerate a Mermaid information architecture diagram from PMContext entities and relationships.
tanaka-mambingeImplement navigation and routing in Flutter apps with Navigator and go_router.
TanStackConfigure notFound() and errorComponent for TanStack Router routes.
OirancaMap application routes from framework conventions into a route inventory.
