Build type-safe routing infrastructure for React and Solid applications.
npx skills add https://github.com/hashintel/brunch --skill router-core-hashintel
Please help me install this Agent Skill. Skill: router-core Source: https://github.com/hashintel/brunch/tree/main/.agents/skills/router-core Command: npx skills add https://github.com/hashintel/brunch --skill router-core-hashintel
This Skill provides core concepts and utilities for creating robust, type-safe client-side routers across frameworks.
Create route configuration using createRootRoute and createFileRoute functions, then integrate with your app's router provider.
High-intent search queries and answers about installing and using this skill.
Type-safe routing for a React SPA is set up by defining structured route hierarchies using createRootRoute and createFileRoute, then integrating the configuration with your app's router provider to ensure compile-time safety for route data and parameters.
Yes, the same type-safe router core supports Solid applications. It provides a framework-agnostic infrastructure for route matching, navigation, and type inference, ensuring reliable client-side navigation compatibility across both React and Solid.
Route tree construction defines structured route hierarchies that enable efficient route resolution through matching and sorting algorithms based on URL patterns. This mechanism ensures accurate, type-inferred navigation for complex single-page applications.
Programmatic navigation and link creation are facilitated through the router core's built-in navigation utilities. These tools allow developers to trigger route changes and generate links dynamically while maintaining full type safety across the route tree.
No, this framework-agnostic routing approach requires no external dependencies. It provides the core concepts and utilities for type-safe client-side routing internally, allowing seamless integration into your React or Solid environment without additional packages.
The best way to guarantee compile-time safety for route parameters is by defining route configurations using createRootRoute and createFileRoute, which leverage type inference to validate route data and parameters during development.
cill-i-amDefines TypeScript-verified architecture for integrating the official router with React or Solid projects.
slingr-stackStandardize Drumr React view components with routing, layouts, and GraphQL types.
SyedaashnaghazanfarProvides framework-agnostic authentication for TypeScript applications.
matt-rileyWrite compile-time type tests for public TypeScript APIs.
