react-router-data-mode
✓Build React applications using React Router's data mode with createBrowserRouter and RouterProvider. Use when working with route objects, loaders, actions, Form, useFetcher, or pending/optimistic UI without the Vite plugin.
Installation
SKILL.md
Data mode uses createBrowserRouter and RouterProvider to enable data loading, actions, and pending UI without the framework's Vite plugin. This is ideal for existing React applications that want to add data loading and mutation capabilities.
Load the relevant reference for detailed guidance on the specific API/concept:
| references/routing.md | Configuring routes, nested routes, layout | | references/route-object.md | Understanding route object properties | | references/data-loading.md | Loading data with loaders | | references/actions.md | Handling forms, mutations, validation | | references/navigation.md | Links, programmatic navigation, redirects |
Build React applications using React Router's data mode with createBrowserRouter and RouterProvider. Use when working with route objects, loaders, actions, Form, useFetcher, or pending/optimistic UI without the Vite plugin. Source: remix-run/agent-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/remix-run/agent-skills --skill react-router-data-mode- Source
- remix-run/agent-skills
- Category
- {}Data Analysis
- Verified
- ✓
- First Seen
- 2026-02-03
- Updated
- 2026-02-18
Quick answers
What is react-router-data-mode?
Build React applications using React Router's data mode with createBrowserRouter and RouterProvider. Use when working with route objects, loaders, actions, Form, useFetcher, or pending/optimistic UI without the Vite plugin. Source: remix-run/agent-skills.
How do I install react-router-data-mode?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/remix-run/agent-skills --skill react-router-data-mode Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/remix-run/agent-skills
Details
- Category
- {}Data Analysis
- Source
- skills.sh
- First Seen
- 2026-02-03