react-router-best-practices

What problem does it solve?

This Skill codifies best practices to optimize React Router usage in large applications.

Core Features & Use Cases

• Patterned routing organization, loaders, actions, forms, and data-fetching patterns across route hierarchies.
• Guidelines for error boundaries, route boundaries, and data flow between routes and components.
• Real-world scenarios and examples that prevent waterfalls, reduce re-renders, and improve caching and streaming patterns.

Quick Start

• Audit your routes for loader-only data fetch and colocated components.
• Apply recommended patterns for loaders, actions, and route organization to improve performance.
• Refactor existing routes and tests to align with these best practices.