التصنيف react-js

المطلوب في صفحة الصفوف: كل صف يحتوي زر: 🚀 الخطوة 1: إضافة الزر داخل جدول الصفوف داخل: أضف: 🚀 الخطوة 2: إنشاء Route داخل App.jsx 🚀 الخطوة 3: إنشاء صفحة جديدة 🎯 ما الذي ستفعله الصفحة؟ 1- جلب بيانات الصف…

🎯 الفكرة في جدول الأقسام: يكون هناك زر: 🚀 داخل جدول الأقسام أضف زر: 🎯 الراوت داخل App.jsx 🧠 الآن لدينا خياران الخيار الأول (أنصح به) جلب الطلاب الخاصين بالقسم من الـ API مباشرة. الخيار الثاني جلب كل الطلاب ثم…

بعد أن أصبح لديك: فالفلترة هي الخطوة الطبيعية التالية. 🎯 الهدف نريد في صفحة الطلاب: وعند اختيار: يظهر فقط الطلاب المنتمون لهذا الصف. 🧠 أول سؤال مهم كيف نصل للصف؟ أنت الآن لديك: إذن اسم الصف موجود في: 🚀 الخطوة…

بدل أن يكون لديك فقط: سيصبح لديك أيضًا: 🎯 الفكرة في جدول الطلاب تضيف زر: 🚀 الراوت داخل App.jsx 🎯 إنشاء الصفحة 🚀 الكود الأساسي 🎯 إظهار القسم والصف والمرحلة بما أنك خزنت: فقط يمكنك الوصول لباقي العلاقات هكذا: ⚠️…

سنبني: وسأشرح: 🔥 🎯 أولًا: لماذا الدمج أصلًا؟ قبل الدمج كان عندك: وكل واحد يحتوي: ❌ 🎯 الحل الاحترافي إنشاء: اسمه: 🧠 المعمارية النهائية 🚀 الملف الأول 📄 StudentForm.jsx 🎯 وظيفة هذا الملف هذا هو: الذي: 📄 components 🧠 ماذا…

الآن سنبني: بفورم مستقل كامل مثل صفحة الإضافة تمامًا. 🧠 ما الفرق بين الإضافة والتعديل؟ الإضافة التعديل حقول فارغة حقول ممتلئة addStudent updateStudent reset() reset(studentData) لا يوجد useParams يوجد useParams 🚀 الكود الكامل الاحترافي EditStudent.jsx الراوت الخاص بالتعديل 🚀 زر…

أنت لديك authorsSlice يجلب الكتّاب، إذن لا تحتاج slice جديد.لكن أيضًا لا نريد فلترة الكتب من booksSlice لأنك تستخدم pagination للكتب، وبالتالي قد لا تكون كل الكتب موجودة في الستور. إذن الطريقة الأفضل والأبسط في حالتك هي: استخدم authorsSlice لجلب…

الآن سنبني Newsletter System احترافي يربط: React (Frontend) → Strapi (Backend) → Database وسأشرح السيناريو الكامل خطوة خطوة. 🧠 أولًا: الفكرة العامة عندما يكتب المستخدم بريده: يحدث الآتي: 🏗 الخطوة 1: إنشاء Collection في Strapi اذهب إلى: أنشئ Collection باسم:…