مزيد من المواضيع والخاتمة (More Topics & Outro)

الدرس 34 من 34 · دورة TanStack Router الكاملة · 2 دقيقة و17 ثانية

الفيديو الأصلي باللغة الإنجليزية. إذا تعذّر تشغيله هنا، شاهده على موقع المؤلف. التفريغ النصي العربي الكامل أدناه.

[00:02] شيء. إذا وصلتَ إلى هذا الجزء من الفيديو، فأرجو أنّك استمتعت به. لقد غطّينا أساسًا معظم الأشياء المهمّة أو الرئيسية في TanStack Router. ومع ذلك، لم نغطِّ حتى كلَّ شيء. فلدينا أشياء مثل — ربّما — قناع المسار (route masking)

[00:16] الذي يمكنك إلقاء نظرةٍ عليه إن أردتَ ذلك. وهي أنّك تنتقل إلى مسارٍ معيّن، لكنّك تُقنّع عنوان URL لديك كي يعرض مسارًا مختلفًا. ويمكن استخدام هذا — بالطبع — في النوافذ الحوارية (modals) مثلًا لعرض مسارٍ داخل نافذةٍ حوارية. ولدينا أيضًا بعض أدوات TypeScript

[00:28] التي يمكنك استخدامها — ربّما، وكما ترى هنا — للتحقق من خيارات الرابط (link options)، إن كنت تنشئ مكوّناتٍ مخصّصة (custom components) وتحتاج إلى أن تكون مكوّناتك محدَّدةَ الأنواع (typed) وما إلى ذلك. ولدينا أيضًا حجب التنقّل (navigation blocking) مثلًا،

[00:42] ويمكن استخدام هذا إذا احتجت إلى منع التنقّل إلى مسارٍ ما، أو منع مغادرته، إن كان لديك — مثلًا — تغييراتٌ غير محفوظة (unsaved changes). فأنت تحتاج إلى تنبيه المستخدم قبل أن يغادر. وهنا لدينا أيضًا دليل لإنشاء

[00:55] روابط مخصّصة (custom links) بدلًا من مكوّن Link الافتراضي الذي لدينا، ولدينا بعض الأمثلة مع مكتباتٍ مثل Chakra UI وMUI وما إلى ذلك.

[01:07] ولدينا هنا أيضًا دليل لإدارة رأس المستند (document head). وهذا أساسًا لأمور SEO: العنوان، ووسوم meta، وما شابه ذلك. كما أنّ لدينا هذه الميزة أيضًا، وهي مسارات الملفات الافتراضية (virtual file routes)، ويمكنها أن تتيح لك إنشاء

[01:24] اصطلاحات تسمية (naming conventions) خاصة بك لنظام الملفات (file system) لديك هنا من أجل توجيهك. فافتراضيًا، وبالطبع، لدينا هذه اصطلاحاتُ التسمية حيث نسمّي الأشياء بالشرطات السفلية (underscores) والنقاط وما إلى ذلك. ويمكنك بل حتى تغيير هذا، وإنشاء اصطلاحاتك الخاصة

[01:38] باستخدام هذه الميزة أيضًا، ويمكنك قراءة المزيد عنها هنا.

[01:42] وبالطبع، وأخيرًا، لدينا أمور التصيير من جهة الخادم (server-side rendering). غير أنّه إن كان لديك تطبيقٌ تحتاج فيه إلى التصيير من جهة الخادم، فستستخدم غالبًا إطار عمل TanStack المتكامل (full stack framework)، وهو TanStack Start الذي

[01:55] يمكننا رؤيته هنا. وهو حاليًا في مرحلة بيتا (beta). وأظنّ أيضًا أنّنا قد نصنع فيديو عن هذا الأمر، لكن على الأرجح حين يخرج رسميًّا. لكن شكرًا على المشاهدة مرةً أخرى، وأرجو منك — إن أعجبك هذا الفيديو — أن تترك إعجابًا (like)، وربما

[02:10] تعليقًا، وأن تشترك في القناة. أخطّط للقيام بمزيدٍ من المحتوى المشابه لهذا المحتوى.