BlocProvider BlocBuilder
✅ BlocProvider✅ BlocBuilder خليني أشرحهم لك بعمق + منطق + كود + كيف يشتغلوا مع بعض 🧩 أولًا: BlocProvider 🎯 ما وظيفته؟ 👉 هو المسؤول عن: إنشاء الـ Cubit وتوفيره (Inject) لباقي التطبيق بمعنى: يخلي أي Widget داخل الشجرة يقدر…
Bloc Counter Project
أنت عندك ملفين أساسيين في BLoC (Cubit): 🔹 أولًا: ملف counter_state.dart class CounterState { final int counter; CounterState(this.counter);}class IncrementCounter extends CounterState { IncrementCounter(super.counter);}class DecrementCounter extends CounterState { DecrementCounter(super.counter);} ✅ وظيفة هذا الملف هذا الملف مسؤول عن تمثيل الحالة (State) للتطبيق.…
Project Structure
🔥 كيف تبني Project Structure فعلي (Folders) أو 🔥 نطبق مثال كامل (Login + API) خطوة خطوة اختر 👇 🔥 كيف تبني Project Structure فعلي (Folders) lib/ features/ core/ data/ presentation/ قم بتحديد البنية المتقدمة من البداية لي لاعرف كيف…
شرح Bloc كمقدمة
🔵 أولاً: ما هو BLoC؟ BLoC pattern BLoC = Business Logic Component هو أسلوب لإدارة الحالة يفصل بين: 🧠 الفكرة الأساسية التطبيق يعمل مثل “نظام رسائل”: 🔄 مخطط تدفق BLoC 👆 User Action ↓📩 Event ↓🧠 BLoC (Processing) ↓📊 State…
State Management
🔹 ما هي State Management في Flutter؟ ببساطة:هي الطريقة التي تدير بها البيانات (الحالة) داخل التطبيق وكيف تتغير وتنعكس على الواجهة (UI). في Flutter، كل شيء عبارة عن Widgets، وهذه الـ Widgets تعتمد على State (الحالة).لما تتغير الحالة → الواجهة…
authorsSlice Books
أنت لديك authorsSlice يجلب الكتّاب، إذن لا تحتاج slice جديد.لكن أيضًا لا نريد فلترة الكتب من booksSlice لأنك تستخدم pagination للكتب، وبالتالي قد لا تكون كل الكتب موجودة في الستور. إذن الطريقة الأفضل والأبسط في حالتك هي: استخدم authorsSlice لجلب…
Newsletter Post Request
الآن سنبني Newsletter System احترافي يربط: React (Frontend) → Strapi (Backend) → Database وسأشرح السيناريو الكامل خطوة خطوة. 🧠 أولًا: الفكرة العامة عندما يكتب المستخدم بريده: يحدث الآتي: 🏗 الخطوة 1: إنشاء Collection في Strapi اذهب إلى: أنشئ Collection باسم:…
Hero Slider
سنقوم الآن ببناء Banner / Hero Slider System احترافي 100%بنية صحيحة في Strapi + كود React كامل + Redux + Swiperوقابل للتوسع مستقبلاً. سنبنيه وكأننا نبني متجر Production حقيقي 👌 🏗 أولًا: إعداد Strapi بطريقة احترافية ✅ أنشئ Collection Type…
الفلترة المتقدمة
سننشئ: سأبنيها لك معماريًا بشكل صحيح. 🎯 أولًا: ما هو السيناريو الصحيح للفلترة؟ عند تغيير أي فلتر: مثال URL احترافي: 🏗 الهيكل العام للصفحة 🟢 الخطوة 1: Sidebar Component 📁 SidebarFilters.jsx 🧠 ماذا يحدث هنا؟ 🔥 هذا احترافي جدًا. 🟢…
تغيير خلفية العنصر بناء ع الوضع الليل ي
نعم ✅ وبطريقة احترافية جدًا مع Bootstrap 5.3 👌🔥لأننا نستخدم: data-bs-theme=”light”data-bs-theme=”dark” يمكنك تغيير خلفية أي عنصر بناءً على الوضع بسهولة عبر CSS. 🎯 الطريقة الصحيحة (المعتمدة رسميًا) Bootstrap يغير الثيم عبر: <html data-bs-theme=”dark”> إذن يمكننا استهدافه هكذا 👇 🟢 الطريقة…