skills.rest
cill-i-am
cill-i-amCOMMUNITY
Explore all skills by this author →
𝕏@cillo_bGitHub

router-core

Defines TypeScript-verified architecture for integrating the official router with React or Solid projects.

Updated Apr 1, 2026
Search Tags:#typescript#context#react#routing#tanstack#router#types
One-click install
npx skills add https://github.com/cill-i-am/task-tracker --skill router-core-cill-i-am
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: router-core
Source: https://github.com/cill-i-am/task-tracker/tree/main/.agents/skills/tanstack-router
Command: npx skills add https://github.com/cill-i-am/task-tracker --skill router-core-cill-i-am

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The core provides a consistent, type-safe foundation for building TanStack Router-powered applications, enabling shared route trees, contexts, and predictable data loading across the app.

Core Features & Use Cases

  • Declarative route trees and framework-agnostic core concepts that plug into React or Solid apps.
  • Centralized type safety through a single Register declaration and context propagation.
  • Scalable patterns for data loading, navigation, and server/client boundaries in large projects.

Quick Start

Create a minimal router using a shared routeTree and a single Register block to enable type-safe routing.

Frequently Asked Questions about router-core

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up type-safe routing with TanStack Router in React?▼

Type-safe routing in TanStack Router requires defining a central route tree, instantiating a single Router instance, and declaring a formal Register block to enable full type safety and context propagation across your app.

What is a Register declaration in TanStack Router used for?▼

A Register declaration in TanStack Router is used for centralized type safety, allowing the router to discover shared route trees and enforce predictable types for navigation and context propagation throughout the application.

Can I use TanStack Router core routing patterns in Solid projects?▼

Yes, TanStack Router core routing patterns are framework-agnostic and can be applied to Solid projects, supporting shared route trees, contexts, and data loading patterns across both client and server boundaries.

What's the best way to manage shared route trees and context in large TanStack Router applications?▼

The best way to manage shared route trees and context in large TanStack Router applications is using a centralized type-safe core architecture, which provides scalable patterns for data loading, navigation, and server/client boundaries.

Do I need a single Router instance for TanStack Router type safety to work?▼

Yes, a single Router instance is required alongside a central route tree and a formal Register declaration to properly enforce consistent type safety and enable full type discovery across the application.

Related Skills

Explore More Software Engineering Skills→
SyedaashnaghazanfarSyedaashnaghazanfar
3

better-auth-ts

Provides framework-agnostic authentication for TypeScript applications.

Community
Advanced
LrmdomLrmdom

react-router-framework-mode

Configure React Router framework mode with file-based routes and type-safe modules.

Community
Advanced
TaherMustansir1929TaherMustansir1929

tanstack-integration-best-practices

Integrate TanStack Query with TanStack Router for SSR data transfer.

Community
Advanced
lespacemanlespaceman
4

router-core

Create framework-agnostic route trees and routers with type-safe TanStack Router core.

Community
Advanced