التمرين 5: الحل

الدرس 32 من 38 · التنفيذ · 3 دقيقة و45 ثانية

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

الموارد

• مستودع المشروع..... تحقق من ال restaurant-module فرع.

التقسيم

الاسم في الشيفرة والمخطط	المعنى بالعربية
Shared	مشترك بين الوحدات
Screens	الشاشات
Features	الميزات
Components	المكونات
RestaurantHeader	ترويسة المطعم
RestaurantInformation	معلومات المطعم
MenuSearchBar	شريط البحث في قائمة الطعام
RestaurantOptions	خيارات المطعم
MenuCategories	فئات قائمة الطعام
Promotions	العروض الترويجية
FeaturedItemsCarousel	عارض الأصناف المميّزة
RatingSummary	ملخّص التقييم
MenuItem	صنف في قائمة الطعام
MenuCategory	فئة في قائمة الطعام
Ratings	التقييمات
CustomerReview	مراجعة العميل
Footnotes	الحواشي

التفريغ النصي

[00:02] حسنًا، إليك الحل لهذا التمرين. هذا هو تقسيم بلدي. مرة أخرى، يمكنني استخدام نفس النوع من مفاهيم مربع اللون لكسر التطبيق. وأنا أركز في الغالب على الميزات والمكونات. لذلك لا شيء مفاجئ جدا.

[00:18] هنا، لدي رأس المطعم هذا الذي أميزه فقط مع جميع المعلومات الموجودة في رأسي، والذي يحتوي على مكون معلومات المطعم هنا وشريط البحث أو قائمة المطعم. ثم لدي شريط جانبي بسيط مثل وتخطيط المحتوى الرئيسي حيث لدي فئات القائمة الخاصة بي هنا على الجانب، ولدي كل هذه الأقسام المختلفة كميزات أيضًا. هنا في الجزء الرئيسي من وحدتي. لدي أيضا بعض المكونات الداخلية التي قمت بتعريفها هنا. هذا مثل مكون عنصر القائمة ومكون مراجعة العملاء هذا أيضًا.

[00:55] في هذا القسم الذي أسميه التقييمات، هذه تقييمات ومراجعات. لذلك ربما التقييمات والمراجعات، وربما اسم أفضل. ولكن مرة أخرى، تسمية الأشياء أمر صعب، كما قد تكون لاحظت، إذا كنت فعلا أعطى هذا التمرين محاولة. الجزء الأصعب هو تسمية الأشياء بشكل صحيح.

[01:13] نعم. ثم لا شيء مفاجئ للغاية هنا، إلا أنني لا أحب أن أسمي الأشياء حسب نوع وظائف التخطيط الخاصة بها. على سبيل المثال، لا أحب أن أدعو هذا الشريط الجانبي لأنه مجرد اسم عام جدًا أحب أن أسميه. ولكن ما هو عليه في الواقع، وهو في هذه الحالة هناك قائمة بفئات القائمة.

[01:35] وإذا كنت ترغب في إلقاء نظرة على كيف تبدو الأمور في الشيفرة، يمكنك التحقق من فرع وحدة المطعم. ستجد اسم الفرع في الوصف أيضًا. والآن كل ما فعلته من أجل هذا هو، أولاً وقبل كل شيء، إنشاء مسار المطعم هنا على جهاز توجيه التطبيق الخاص بي، على غرار المسارة التي حددنا بها المسارات الأخرى. ومن ثم قمت بإنشاء مجلد مطعم هنا في وحدات بلدي حيث لدي التنفيذ الكامل.

[02:03] لدي شاشة المطعم ولدي بعض مجلد المكونات، والذي يحتوي حقًا على مكون واحد فقط. هذا هو المكون، مكون الحواشي الذي لا ينتمي حقًا إلى ميزة. يبدو الأمر كما لو أنه في القاع. وهو ينتمي إلى الوحدة نفسها. لا ينتمي إلى ميزة، وهذا هو السبب في أنه موجود على مجلد المكونات على مستوى جذر الوحدة.

[02:26] ومن ثم لدي المجلد الميزات التي تحتوي على بقية، من الشيفرة، والتي هنا ترى أن بعض هذه بعض هذه قد يكون على سبيل المثال، قد يكون تصنيفات بعض المكونات الداخلية أيضا. البعض الآخر مجرد، مجرد مكون بسيط، لأن المسارة التي قمت بها بتنفيذ هذا من منظور واجهة المستخدم الخاصة بي، إذا ذهبنا وتحققنا من هذا المسار هو مجرد سلسلة من المربعات مع اسم المكون فيها، وهو شيء قد لا ترغب في القيام به في تطبيق حقيقي، قد ترغب في تنفيذ الشيء الحقيقي.

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

[03:14] لذا نعم، آمل أن تكون قد جربت هذه التجربة، ربما لن تبدو أسماء مكوناتك مثل اسمي. قد يكون لديك أسماء أفضل بكثير قمت بتعريفها، ولكن ربما تبدو الطريقة العامة لتنظيم المكونات المختلفة مشابهة لما لدي هنا.

[03:32] مرة أخرى، يمكنك التحقق من تعريفي لنوع الحل الخاص بي لهذا التمرين في فرع وحدة المطعم. وسنستخدم هذا الفرع كقاعدة لبقية الأشياء التي سنراها في بقية هذه الأقسام.