tanstack-router

Type-safe, file-based routing for React with route-level data loading, search params validation, code splitting, and TanStack Query integration.

| createFileRoute('/path') | Define file-based route | | createRootRouteWithContext () | Root route with typed context | | createLazyFileRoute('/path') | Code-split route component | | zodValidator(schema) | Search params validation | | Route.useLoaderData() | Access loader data in component | | Route.useParams() | Type-safe route params |

| Route.useSearch() | Type-safe search params | | useNavigate() | Programmatic navigation | | useBlocker() | Block navigation (dirty forms) | | notFound() | Throw 404 from loader | | getRouteApi('/path') | Type-safe hooks in split files | | stripSearchParams(defaults) | Clean default values from URLs |

توجيه React آمن النوع ومعتمد على الملفات مع أدوات تحميل المسار، والتحقق من صحة معلمات البحث، وتقسيم التعليمات البرمجية، والتحميل المسبق، والتنقل، وسياق المسار، وتكامل TanStack Query. يُستخدم عند إعداد التوجيه المستند إلى الملف، أو إضافة التحقق من صحة معلمات البحث، أو تنفيذ أدوات تحميل المسار، أو مسارات تقسيم التعليمات البرمجية، أو تكوين مسارات الملفات الافتراضية، أو حماية المسارات باستخدام حراس المصادقة، أو إصلاح أخطاء تسجيل النوع. يُستخدم لإعداد جهاز التوجيه وأنماط التنقل وإدارة حالة عنوان URL وتحميل البيانات. المصدر: oakoss/agent-skills.