لماذا يهم هذا الدرس؟

فهم Route Groups واستخدامه بصورة صحيحة داخل مشروع App Router. تسمح Dynamic Segments وRoute Groups وLink لشجرة Routes بتمثيل Identifiers متغيرة وتنظيم الملفات دون Hard-coded Navigation.

كيف تفكر فيه؟

  • في درس Route Groups، النتيجة التي يجب أن تتحقق: Route Group ينظم الملفات دون إضافة segment إلى URL.
  • في سياق Route Groups، الخطر الذي يجب أن يبقى تحت السيطرة: استخدام Anchor URLs خام دائمًا أوالثقة في Dynamic Parameter غير متحقق قد يكسر الانتقالات ويمرر قيمًا خطرة للاستعلامات.
  • تطبيق Route Groups: أنشئ Dynamic Product Route داخل Route Group وانتقل إليها بـLink بعد التحقق من Identifier.

تطبيق عملي

في التطبيق الخاص بدرس Route Groups: Route Group ينظم الملفات دون إضافة segment إلى URL.

app-tree.txttext
app/
  (marketing)/page.tsx
  (dashboard)/dashboard/page.tsx
  layout.tsx

جرّب بنفسك

Practice

تمرين Route Groups

أنشئ Dynamic Product Route داخل Route Group وانتقل إليها بـLink بعد التحقق من Identifier.

  • سجل النتيجة المتوقعة قبل التنفيذ
  • اختبر حالة صحيحة وحالة فشل مرتبطة بالدرس
  • اشرح في سطرين أين يوجد الحد المسؤول عن القرار

الخلاصة