شرح React createAsyncThunk لجلب البيانات من API وعرض حالات التحميل والنجاح والفشل عند بناء تطبيقات React الحقيقية، غالبًا ستحتاج إلى جلب البيانات من API خارجي، مثل عرض المنتجات أو المستخدمين أو الطلبات أو المقالات. وهنا تظهر أهمية React createAsyncThunk داخل…
يوليو 23, 2026
شرح React Redux Toolkit لبناء حاسبة السعر والضريبة خطوة بخطوة تعد مكتبة React Redux Toolkit من أفضل الأدوات الحديثة لإدارة الحالة داخل تطبيقات React، خصوصًا عندما يكبر المشروع وتصبح البيانات مشتركة بين أكثر من مكون. بدلًا من تمرير البيانات يدويًا…
يوليو 21, 2026
شرح Lifecycle في React ودورة حياة المكونات مع useEffect في React، كل مكون Component يمر بعدة مراحل منذ لحظة إنشائه وحتى إزالته من الصفحة. هذه المراحل تُعرف باسم Lifecycle أو دورة حياة المكون. فهم دورة حياة المكونات في React من…
يوليو 19, 2026
شرح استخدام react-router-dom في React مع تطبيق عملي على عرض المنتجات وتفاصيلها عند بناء تطبيق باستخدام React، نحتاج إلى نظام تنقل يسمح بالانتقال بين الصفحات بدون إعادة تحميل الصفحة. هنا تأتي مكتبة react-router-dom التي تعتبر الحل الأساسي لإدارة التنقل داخل…
يوليو 17, 2026
شرح جلب البيانات من API في React باستخدام useEffect و useState مع مثال عملي في تطبيقات React الحديثة، لا يكفي أن نبني واجهات ثابتة فقط، بل نحتاج غالبًا إلى جلب البيانات من مصادر خارجية مثل API ثم عرضها للمستخدم داخل…
يوليو 15, 2026
ما المقصود بعمليات CRUD في React.js؟ CRUD هو اختصار لأربع عمليات أساسية تُستخدم في أغلب تطبيقات الويب: Create: إضافة بيانات جديدة. Read: قراءة وعرض البيانات. Update: تعديل بيانات موجودة. Delete: حذف بيانات. في React.js يمكن تنفيذ هذه العمليات بسهولة باستخدام…
يوليو 13, 2026
إنشاء قاعدة بيانات MySQL مجانية على Aiven خطوة بخطوة للمبتدئين إذا كنت تبحث عن طريقة سهلة لإنشاء قاعدة بيانات MySQL على السحابة بدون تكلفة، فإن منصة Aiven توفر لك خيارًا رائعًا من خلال التجربة المجانية. في هذا الدليل، ستتعلم كيفية…
يوليو 11, 2026
ايقونة البرجر لم تعد مملة: اكتشف مشروع Flutter Burger Animation سيغير واجهة تطبيقك في تصميم واجهات التطبيقات الحديثة، لم يعد الشكل وحده كافيًا — بل أصبحت الحركة عنصرًا أساسيًا في تقديم تجربة مستخدم احترافية. أحد أبرز الأمثلة على ذلك هو…
يوليو 9, 2026
شرح انميشن Flutter MESH Onboarding لتغيير اانطباع المستخدمين لتطبيقك في عالم التطبيقات الحديثة، الانطباع الأول هو كل شيء. المستخدم يقرر خلال أول 5 ثوانٍ فقط ما إذا كان سيستمر في استخدام التطبيق أو يغادره فورًا. وهنا تأتي أهمية تجربة Onboarding،…
يوليو 7, 2026
زر تسجيل صوتي مثل WhatsApp في Flutter باستخدام animated_chat_record_button في تطبيقات المراسلة والتطبيقات الاجتماعية، أصبحت ميزة إرسال الرسائل الصوتية من العناصر الأساسية التي يتوقعها المستخدم. لكن بناء زر تسجيل صوتي احترافي من الصفر قد يستغرق وقتًا طويلًا، خصوصًا إذا كنت…
يوليو 5, 2026
تطبيق مخصص لتقديم محتوى إسلامي يقدم لك التطبيق مجموعة متنوعة من المحتويات الدينية مثل القرآن الكريم، الأذكار اليومية
هل تحلم بأن تصبح مطورًا محترفًا؟ أو ربما تبحث عن أداة تعليمية تسهل عليك عملية تعلم البرمجة انا مطور هو شريكك المثالي
هل تجد صعوبة في تتبع نفقاتك وإيراداتك ؟ يساعدك التطبيق على تنظيم شؤونك المالية بسهولة وفعالية في المناسبات
يسعى موقعنا لاثراء المحتوى العربي بالدروس البرمجيه ومساعده المبرمجين في انجاز اعمالهم واضافه بعض الحلول البرمجيه التي قد تواجه المبرمج يحتوي الموقع على عدد كبير من لغات البرمجه ومجالات مختلفه يسعى الموقع الي تحقيق أقصى استفادة من التكنولوجيا الحديثه في المجالات المتنوعه
انضم إلى قائمتنا البريدية وكن أول من يحصل على أحدث الدروس، المقالات، والعروض الحصرية في عالم البرمجة! 🚀 لا تفوت فرصة تطوير مهاراتك والبقاء على اطلاع دائم بأحدث التقنيات. اشترك الآن وابدأ رحلتك نحو الاحتراف! 💡🔥
يجب إيقاف مانع الإعلانات لاستكمال تصفح الموقع
