← Back to Skills Marketplace
React Router V7
by
Kevin Anderson
· GitHub ↗
· v1.1.1
· MIT-0
148
Downloads
0
Stars
1
Active Installs
2
Versions
Install in OpenClaw
/install react-router-v7
Description
React Router v7 best practices for data-driven routing. Use when implementing routes, loaders, actions, Form components, fetchers, navigation guards, protect...
Usage Guidance
This bundle is documentation and examples for React Router v7 and is coherent with its description — it won't install or request secrets. Before using the examples in production: (1) remove or avoid rendering error.stack to end users to prevent information leakage; (2) implement backend helpers (db.getRecord, getUserById, fetchTeam, etc.) securely and provide required credentials only to your server code, not to the client; (3) import the router packages from official sources (npm/GitHub) and verify versions; (4) treat the code samples as templates, not as complete secure implementations.
Capability Assessment
Purpose & Capability
Name/description match the provided files: the bundle contains only best-practice docs and code samples for routing, loaders, actions, fetchers, navigation, lazy loading, and protected routes. There are no unrelated env vars, binaries, or install steps requested.
Instruction Scope
SKILL.md and referenced docs contain only code examples and decision gates for choosing APIs; they do not instruct the agent to read system files, environment variables, or to transmit data to unexpected endpoints. Note: some examples show printing error.stack in an ErrorBoundary (which can leak sensitive info if copied into production) and placeholder functions (db.getRecord, getUserById, fetchTeam) that assume backend services — these are expected for examples but should be implemented securely by consumers.
Install Mechanism
Instruction-only skill with no install spec and no code files that would be written/executed. This is the lowest-risk install profile.
Credentials
The skill declares no required environment variables or credentials and the docs do not reference secrets or tokens. Example snippets imply backend data calls, but the skill doesn't request credentials to perform those — responsibility is left to the integrator.
Persistence & Privilege
always is false and there are no install steps that modify agent configuration or other skills. The skill does not request persistent presence or system-level changes.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install react-router-v7 - After installation, invoke the skill by name or use
/react-router-v7 - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.1.1
- Added a new "Gates (decision sequencing)" section to clarify API decision logic for `<Form>` vs `useFetcher` and `loader` vs `useEffect`.
- Improved documentation on key distinctions between routing patterns.
- No code or functionality changes; documentation only.
v1.1.0
- Added comprehensive best practices and quick reference for React Router v7 usage.
- Expanded documentation on route setup, nested routes, dynamic segments, and splats.
- Clarified when to use Forms vs. fetchers, and loader vs. useEffect for data handling.
- Included a mode comparison table covering Framework, Data, and Declarative modes.
- Linked to additional references for data loading, mutations, navigation, and advanced features.
Metadata
Frequently Asked Questions
What is React Router V7?
React Router v7 best practices for data-driven routing. Use when implementing routes, loaders, actions, Form components, fetchers, navigation guards, protect... It is an AI Agent Skill for Claude Code / OpenClaw, with 148 downloads so far.
How do I install React Router V7?
Run "/install react-router-v7" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is React Router V7 free?
Yes, React Router V7 is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does React Router V7 support?
React Router V7 is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created React Router V7?
It is built and maintained by Kevin Anderson (@anderskev); the current version is v1.1.1.
More Skills