Does this skill support the latest React Router features?

Yes, it is specifically designed for React Router v7, including its modern data loading and routing APIs.

Does it require manual route configuration?

No, it leverages react-router-auto-routes to enable convention-over-configuration for a zero-config routing experience.

What is the benefit of the colocation patterns included?

The skill promotes placing components, helpers, and tests alongside routes using the '+' prefix to reduce context switching and improve maintainability.

Can I use this for serverless deployments?

Absolutely. It includes specific patterns for Hono integration on Cloudflare Workers, including AppLoadContext handling.

React Router v7 Mastery

Name: React Router v7 Mastery
Author: kazuph

bykazuph

•

開発者ツール

Provides expert guidance for React Router v7 development, focusing on file-based routing, Hono integration, and modular architecture.

React Router v7 Mastery is a specialized skill designed to streamline modern web development by implementing industry-leading patterns and best practices. It enables Claude to assist with automated file-based routing using react-router-auto-routes, seamless Hono integration for Cloudflare Workers environments, and the application of architectural principles like functional cohesion and colocation. Whether you are building complex enterprise dashboards or lightweight edge-computing applications, this skill ensures your routing and server-side logic are type-safe, maintainable, and optimized for the latest React Router ecosystem.

主な機能

01Hybrid Hono and Cloudflare Workers server integration

02Type-safe implementation patterns with ts-pattern

0315 GitHub stars

04Automated file-based routing with react-router-auto-routes

05Advanced colocation patterns using the '+' prefix convention

06Role-based route separation for complex application logic

ユースケース

01Implementing zero-config routing structures in React Router projects

02Refactoring monolithic route files into cohesive, modular structures

03Architecting scalable full-stack applications on Cloudflare Workers

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kazuph/dotfiles react-router-v7-mastery

For use in Claude.ai and ChatGPT

Download Skill