ما هي Hooks في React؟ Hooks هي دوال جاهزة من React تسمح لك باستخدام الحالة (state)، التأثيرات (effects)، السياق (context) وغيرها داخل المكوّنات الدالّية من دون الحاجة لكتابة مكوّنات صنفية (class components). النتيجة: كود أبسط، قابل لإعادة الاستخدام، وأسهل للاختبار…
ما هي useState؟ هي Hook من رياكت تسمح لك بإضافة حالة (state) داخل المكوّنات الدالّية (Function Components).ترجّع مصفوفتين: التوقيع (Signature) القواعد الذهبية (Rules) 1) عدّاد بسيط (Basic Counter) الكود الشرح 2) حالة بدائية (Boolean Toggle) الكود الشرح 3) حالة كائن…
🔹 التعريف:JSX هي صيغة (Syntax) خاصّة تُستخدم في React.js لكتابة واجهات المستخدم بطريقة تشبه HTML داخل كود JavaScript.بكلمات بسيطة: JSX يسمح لك بكتابة كود يشبه HTML داخل JavaScript — لكن في الحقيقة هو تحويل إلى دوال JavaScript عند التنفيذ. 🧠…
React.js هي مكتبة جافاسكربت مفتوحة المصدر تُستخدم لبناء واجهات المستخدم التفاعلية، طوّرتها شركة فيسبوك، وتعتمد على مبدأ المكوّنات (Components) لتسهيل إنشاء واجهات قابلة لإعادة الاستخدام وسريعة الأداء. ميزات React.js ولماذا نتعلمها: 🧠 لماذا نتعلمها؟لأنها واحدة من أكثر التقنيات طلبًا في…
ما الذي يفعله الكود؟ يُفضّل إضافة التحقق من statusCode والتعامل مع الأخطاء، وكتابة النوع بشكل أدق:Future<List<Map<String, dynamic>>>. 3) الواجهة العامة شرح FutureBuilder بالكامل (النجمة هنا ⭐) FutureBuilder<T> هو ودجت يبني نفسه بناءً على حالة Future (طلب غير متزامن) ويعطيك AsyncSnapshot<T>…
شرح الدالة getData() دورة حياة الـ Widget — initState 👇 التوضيح بالتفصيل: 🔹 الكلاس Uri 🔹 الدالة Uri.parse(String url) 🔹 مكتبة http 📘 خلاصة: الكود ينتمي إلى وظيفته Uri.parse(…) مكتبة Dart الأساسية (dart:core) تحويل النص إلى كائن URI get() مكتبة…
🧩 الخطوة 1: داخل MaterialApp في ملف main.dart مثال بسيط جدًا 👇 📘 النتيجة: ✨ ملاحظات سريعة: 🧩 أولاً: ما هو ThemeData و ColorScheme؟ في Flutter، ThemeData هو الكائن الذي يحمل كل إعدادات المظهر (ألوان، خطوط، أيقونات…).أما ColorScheme فهو جزء…
1) ما هي الخطوط المخصصة ولماذا نستخدمها؟ الخطوط المخصصة هي ملفات خط (مثل .ttf, .otf) تدرجها داخل تطبيقك بدل الخط الافتراضي. نستخدمها للعلامة التجارية (branding)، تحسين القراءة، دعم لغات مخصصة أو استخدام خط محدد مطلوب للتصميم. 2) هيكل المجلد الموصى…
ما هو TextFormField؟ TextFormField هو ويدجت (Widget) لكتابة النصوص مبني فوق TextField، لكنه يضيف ميزة قوية جدًا:✅ التكامل مع Form وFormState — يعني تقدر تتحقق (validate) من القيم، تحفظها (save)، وتتحكم فيها بسهولة. باختصار:TextField = إدخال نص بسيطTextFormField = إدخال…
ما هو TextField؟ TextField هو الويدجت الأساسي في Flutter لالتقاط النص من المستخدم. يعتمد داخليًا على EditableText. مناسب لحالات الإدخال البسيطة أو عندما لا تحتاج تحقق/فالديشن (validation) متقدم داخل Form.إذا كنت تريد تحقق (validator) أو استخدامه داخل Form مع FormState…