الآن سنبني: بفورم مستقل كامل مثل صفحة الإضافة تمامًا. 🧠 ما الفرق بين الإضافة والتعديل؟ الإضافة التعديل حقول فارغة حقول ممتلئة addStudent updateStudent reset() reset(studentData) لا يوجد useParams يوجد useParams 🚀 الكود الكامل الاحترافي EditStudent.jsx الراوت الخاص بالتعديل 🚀 زر…
✅ البحث محلياً (الأفضل حالياً) 🧠 لماذا اخترنا البحث المحلي؟ 🧱 التعديل سيكون فقط في: ❌ لا نعدل DataSource❌ لا نعدل Repository❌ لا نعدل UseCase 🧱 1) State 📁 notes_state.dart ✏️ نضيف: 🧠 لماذا لا نضيف State جديد؟ 🧱 2)…
تعديل ملاحظة (Edit Note) في صفحة مستقلة 🧭 الفلو الكامل 🧱 1) DataSource (تنفيذ التعديل) 📁 notes_remote_datasource.dart 🧠 الشرح 🧱 2) Repository (Interface) 📁 notes_repository.dart 🧠 الشرح 🧱 3) RepositoryImpl (التحويل والتمرير) 📁 notes_repository_impl.dart 🧠 الشرح 🧱 4) UseCase 📁…
حذف الملاحظة (Delete Note) عبر نفس الطبقات: 🧱 1) DataSource (تنفيذ الحذف فعلياً) 📁 notes_remote_datasource.dart 🧠 شرح 🧱 2) Repository (تعريف العملية) 📁 notes_repository.dart 🧠 شرح 🧱 3) RepositoryImpl (تنفيذ الربط) 📁 notes_repository_impl.dart 🧠 شرح 🧱 4) UseCase 📁 delete_note_usecase.dart…
خلّينا نضيف SnackBar بعد إضافة الملاحظة بشكل نظيف ومرتبط بالـ Cubit (مو من داخل الزر مباشرة) 🔥 🎯 الفكرة الصحيحة ❗ لا تعرض SnackBar داخل Cubit❗ ولا داخل onPressed مباشرة👉 الأفضل عبر BlocListener 🧱 1) تعديل الحالات (State) 📁 notes_state.dart…
🧭 التسلسل المنطقي (احفظه) 🧱 1) DataSource (أول مكان فعلي يحدث فيه العمل) 📁 notes_remote_datasource.dart 📄 الكود + شرح داخلي 🧠 شرح الملف 🧱 2) RepositoryImpl (التحويل + الربط) 📁 notes_repository_impl.dart 📄 الكود + شرح 🧠 شرح الملف 🧱 3)…
🔁 🔄 رجوع البيانات (العكس) 🎯 مثال عملي: fetchNotes() 🟢 1. UI فتح الصفحة↓BlocProvider ينشئ Cubit↓fetchNotes() 🔵 2. Cubit 👉 يقول: “هات الملاحظات” 🟣 3. UseCase 👉 ينفذ العملية 🟡 4. Repository remote.getNotes() 🔴 5. DataSource client.from(‘notes’).select() 👉 جلب من…
📁 lib 🧠 شرح الملف هذا الملف هو: 📄 الكود الكامل: 🧠 أهم نقطة هنا 👉 هذا يعني: الملف: main.dart 🧠 أولاً: ما وظيفة هذا الملف؟ 📄 الكود 🔍 نشرح خطوة خطوة 🧱 1. main() 🧠 هذا: 👉 نقطة بداية…
📁 الملف: notes_state.dart 🧠 أولاً: ما هو هذا الملف؟ 🎯 هذا الملف مسؤول عن: 👉 إخبار الـ UI: 📄 الكود 🔍 الآن نشرح كل جزء بالتفصيل 🧱 1. import Note 🧠 لماذا؟ 👉 لأننا سنستخدم: داخل: 🎯 يعني: 🧱 2.…