انتقل إلى المحتوى

يوفر TanStack Router حلًا للتوجيه آمنًا بالكامل من حيث الأنواع لتطبيقات React. تعيد هذه المكتبة تصميم أنماط التوجيه الحديثة لتحسين تجربة المطور دون التضحية بالأمان.

يبسّط الموجّه جلب البيانات، ما يتيح التنقل الفوري بفضل التخزين المؤقت المدمج والتحميل المسبق التلقائي. ويتضمن واجهة برمجة تطبيقات مرنة للمحمّل API تمنع تعاقب طلبات جلب البيانات، وتحافظ على تفاعل المستخدمين أثناء تحميل الصفحات بالتوازي.

بالإضافة إلى ذلك، يوفر TanStack Router واجهة متقدمة لمعاملات البحث API تحسّن إدارة الحالة بإتاحة المخططات والتحقق من الصحة والتعامل مع معاملات البحث URL. وتقلل هذه الإمكانية الاعتماد على الحالة الموجودة في الذاكرة وتعزز تجربة المستخدم.

بفضل بنيته خفيفة الوزن (12kb فقط)، يحافظ على الأداء وقابلية التوسع، ما يجعله خيارًا موثوقًا لنشر تطبيقات عالية الأداء. كما تعزز عمليات التكامل مع شركاء مثل Vercel وClerk وConvex وSentry قيمته، إذ توفر الأمان والتفاعل مع البيانات في الوقت الفعلي والمراقبة الفعالة للتطبيقات.

الميزات

  • آمن الأنواع بنسبة 100%
  • أدوات تحميل متوازٍ للمسارات
  • واجهات برمجية متكاملة لمعاملات البحث
  • مسارات متداخلة ومسارات التخطيط
  • خفيف الوزن (12kb)
  • Suspense والانتقالات
  • تنقل صارم
  • مسارات مكتملة تلقائيًا
  • مخططات معاملات البحث
  • التحقق من معاملات البحث
  • تحليل معاملات البحث وتسلسلها
  • المعالجة المسبقة واللاحقة لمعاملات البحث
  • المشاركة البنيوية
  • جلب مسبق تلقائي
  • عناصر غير متزامنة
  • عناصر قيد الانتظار
  • حدود الأخطاء

عناصر ذات صلة

TanStack Start

إطار عمل شامل وحديث لـ React وSolid، يتضمن توجيهًا آمن الأنواع وSSR والبث ووظائف الخادم وتجميعًا مدعومًا بـ Vite، وجاهزًا للنشر في أي مكان.

React Router

أداة أساسية لإدارة المسارات والتنقل في تطبيقات React، وتحسين كفاءة المطورين وأداء التطبيقات.

Hybrids

يتيح هذا الإطار للمطورين بناء تطبيقات ومكونات ويب فعالة وسهلة الصيانة باستخدام مزيج من أساليب البرمجة التصريحية والوظيفية.

Inertia.js

يبسط هذا الحل تطوير تطبيقات الويب الحديثة عبر نهج يستفيد من تقنيات جانب العميل الحديثة مع الحفاظ على بساطة التطبيقات التقليدية المعروضة من الخادم.

nuqs

أدِر حالة التطبيق في Next.js بسهولة باستخدام سلسلة استعلام URL للاحتفاظ بالحالة ومزامنتها.

React Hook Form

مكتبة قوية لإدارة النماذج، تبسّط التعامل معها في تطبيقات React مع التركيز على الأداء وسهولة الاستخدام.

usehooks-ts

مجموعة من خطافات React تعزز عملية التطوير لديك عبر توفير حلول جاهزة للاستخدام، وتضمن سلامة الأنواع والكفاءة في تطبيقاتك.

TanStack Form

إدارة لحالة النماذج بلا واجهة، وآمنة من ناحية الأنواع، مع تحقق مستقل عن المخططات واشتراكات دقيقة وواجهات سهلة الاستخدام لبناء نماذج معقدة.