DevelopmentMédio

React Router Framework Mode

porremix-run·remix-run· v1.0.0 · atualizado em 2026-04-10

Score

Build full-stack React applications using React Router's framework mode. Use when configuring routes, working with loaders and actions, handling forms, handling navigation, pending/optimistic UI, error boundaries, or working with react-router.config.ts or other react router conventions.

reactreact-routerfrontend-frameworkfull-stackroutingdata-loadingui

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdreact-router-framework-mode/workflow

Identify Requirements: — Determine the routing, data loading, and mutation needs of the React application.

Configure Routes: — Define routes using `app/routes.ts` and nested routes for section-specific layouts.

Implement Data Loading: — Use `loader` or `clientLoader` to fetch data for routes.

Handle Mutations: — Implement form submissions and data mutations using `action` or `clientAction`.

Implement Navigation: — Use `<Link>`, `<NavLink>`, `<Form>`, and `useNavigate` for navigation.

Implement Layout: — Add global UI elements in `root.tsx`.

Test: — Thoroughly test all routing, data loading, and mutation functionality.

Deploy: — Deploy the application with the configured React Router setup.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

60%

Árvore do Skill

React Router Framework Mode

react-router-framework-mode

Fases Cognitivas6

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.ACT

5.EVALUATE

6.REFLECT

Triggers7

configure react router routesuse react router framework modeimplement data loading with react routerhandle forms with react routerconfigure server-side rendering with react routerimplement navigation with react routerhandle mutations in react router

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download react-router-framework-mode

$ synaptic skills detail react-router-framework-mode

$ synaptic skills live react-router-framework-mode

Dependências

react-router react-router-dom

Links

GitHub Repository