Blog & Articles
Explore my latest articles on web development, user experience, and best practices in the world of coding.
مفهوم State Management وبدائل Redux
إدارة الحالة في React ليست مرادفا لاستخدام Redux. قبل اختيار أي مكتبة، يجب أن تفهم نوع البيانات التي تديرها: هل هي محلية؟ مشتركة؟ أم قادمة من السيرفر؟
احمد اشرف
مطور مواقع ويب
كيف تبني نظام تسجيل دخول آمن
تسجيل الدخول ليس مجرد form يرسل email وpassword. النظام الآمن يحتاج فهم الفرق بين المصادقة والصلاحيات، طريقة تخزين الجلسة، حماية التوكن، والتعامل مع انتهاء الجلسة والهجمات الشائعة.
احمد اشرف
مطور مواقع ويب
مسار تعلم الواجهة الأمامية
تعلم Frontend ليس حفظ مكتبات كثيرة، بل بناء أساس قوي: HTML صحيح، CSS منظم، JavaScript مفهوم، ثم React وTypeScript وNext.js مع مشاريع عملية.
احمد اشرف
مطور مواقع ويب
الفرق بين React و Next.js
React مكتبة لبناء واجهات المستخدم، بينما Next.js إطار عمل مبني فوق React يقدم routing وrendering على السيرفر وتحسينات SEO وأدوات إنتاجية جاهزة.
احمد اشرف
مطور مواقع ويب
أخطاء شائعة في React وكيفية تجنبها
React لا تصبح صعبة بسبب المفاهيم الكبيرة فقط، بل بسبب أخطاء صغيرة تتكرر في كل مشروع: useEffect في غير مكانه، مفاتيح غير مستقرة، state موزعة بلا سبب، ومكونات تعيد التصيير أكثر من اللازم.
احمد اشرف
مطور مواقع ويب
التعامل مع Forms في React
الـ Forms في React ليست مجرد inputs وزر submit. هي تجربة كاملة تشمل إدارة القيم، التحقق من البيانات، عرض الأخطاء، حالات التحميل، وحماية المستخدم من إرسال بيانات غير صحيحة.
احمد اشرف
مطور مواقع ويب
