اذهب إلى المحتوى
  • 0

أجد صعوبة في استخدام الخطافات ومكتبة react-router في رياكت

محمود_سعداوي

السؤال

السلام عليكم.

قمت بإنشاء صفحة home page لمتجر إلكتروني مثلما يلي.

1.thumb.JPG.f4aa971d39a4226bfcc25db602887518.JPG2.thumb.JPG.a351a01010c6968eb0c405abf8cd7eda.JPG3.thumb.JPG.399c15326ebf005ce5ac5003eb0b66b4.JPG

في الصورة الأولى عند النقر على أي عنصر أنتقل إلى صفحة أخرى مثل المنتجات المفضلة أو صفحة تقدم المنتجات التي قمت بالبحث عنها إلخ...

في الصورة الثانية عند النقر على نوع معين للمنتجات أتوجه إلى صفحة أخرى تقدم المنتجات ذات نفس النوع

في كل الحالات عند الضغط على منتج معين يقع الإنتقال إلى صفحة أخرى تعرف بذاك المنتج 

كل هذا أردت تطبيقه باستعمال ما تعلمته من رياكت هوكس و رياكت راوتر.

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

بصراحة أود ملاحظاتكم و آراءكم.

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

شكرا على نصائحكم. 

تم التعديل في بواسطة Hassan Hedr
توضيح العنوان
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

لا داعٍ لاستخدام مكتبة redux لإدارة حالة التطبيق ما دامت الحالة بسيطة، في مشروعك والسيناريو الذي ذكرته لا يوجد حالة للتطبيق يجب إدارتها، كل ما عليك هو تعريف التوجيه بشكل صحيح باستخدام مكتبة react-router ليتم توجيه الروابط إلى صفحاتها المطلوبة، ثم ذكر تلك الروابط ضمن المكونات  المسؤولة عن عرض نوع المنتج والمنتج،

الصعوبة في التطبيق قد يكون سببها اختيار طريقة معقدة لحل المشكلة، مع الوقت والتنفيذ العملي المتكرر والقراءة عن الحلول والإمكانيات وميزات المكتبات المستخدمة ستزيد مهارتك في حل المشكلة بأبسط الطرق، أنصحك بالتركيز فقط على مكتبة react-router لحل مشكلة التنقل بين الصفحات وتجنب تعيين متغيرات أو خطافات hooks مسؤولة عن تغيير الصفحة المعروضة بل فقط استخدم روابط عادية مثل href للمكون a، ومكتبة react-router ستتولى عرض الصفحة المطلوبة

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...