En
ع
Log In
تعلم React 19: الدليل الكامل لتطبيقات الويب الحديثة
0%
1.
قبل أن نبدأ
مقدمة عن الدورة
2.
JavaScript لـ React: مراجعة سريعة
المتغيرات وأنواع البيانات
الوظائف، ووظائف الأسهم، وعمليات الاسترجاع
النطاق والإغلاقات
الكائنات والمصفوفات
البرمجة غير المتزامنة في JavaScript
ميزات JavaScript الحديثة وES6+
أساسيات DOM لمطوري React
اختبار: أساسيات JavaScript لـ React
التحدي: تطبيق قائمة المهام الديناميكية
الحل: تطبيق قائمة المهام الديناميكية
3.
مقدمة إلى React
لماذا React؟
ما هو React؟
DOM الافتراضي: قوة React
فهم بناء جملة JSX
عرض عناصر JSX في React
اختبار: مقدمة إلى React
التحدي: عرض صفحة ملف تعريف ديناميكية
الحل: عرض صفحة ملف تعريف ديناميكية
4.
مكونات React
مقدمة لمكونات React
تمرير الدعائم إلى المكونات
تنسيق المكونات في React
التعامل مع الأحداث في مكونات React
إنشاء مكونات عديمة الجنسية
اختبار: مكونات React
التحدي: صفحة قائمة المنتجات
الحل: صفحة قائمة المنتجات
5.
الخطافات: إدارة الحالات والتأثيرات في مكونات React
فهم الخطافات في React
خطاف useState
خطاف useEffect
دمج useState وuseEffect للتفاعلات الديناميكية
خطاف useContext
خطاف useRef
خطاف useMemo
اختبار: خطافات React
التحدي: نظام إدارة المخزون مع المواضيع
الحل: نظام إدارة المخزون مع التخصيص
6.
React Router والتنقلات
مقدمة إلى React Router
تحديد المسارات في React
التنقل بين الصفحات في React
التوجيه الديناميكي
المسارات المتداخلة
صفحة 404 وطرق البدل
الملاحة البرمجية
اختبار: React Router and Navigation
التحدي: تطبيق مبسط للتجارة الإلكترونية
الحل: تطبيق التجارة الإلكترونية المبسط
7.
تحسينات جديدة في React 19
المرجع كدعامة
وظائف التنظيف للمراجع
السياق كمزود
دعم بيانات التعريف الخاصة بالمستندات
دعم البرامج النصية غير المتزامنة
اختبار: تحسينات React 19
Mock Interview
Premium
Test Your React Skills
8.
الخطافات المتقدمة في الممارسة
لماذا لا تكفي الخطافات الأساسية
إدارة الحالة المعقدة باستخدام useReducer
تحسين عمليات إعادة العرض باستخدام useCallback وuseMemo
استخدام متقدم: البيانات المستمرة ومنع إعادة العرض
الخطافات المخصصة: إعادة استخدام المنطق عبر المكونات
اختبار: الخطافات المتقدمة في الممارسة
التحدي: إنشاء تطبيق لتدوين الملاحظات باستخدام خطافات متقدمة
الحل: تطبيق تدوين الملاحظات مع خطافات متقدمة
9.
التزامن لواجهات المستخدم السلسة
المشكلة: واجهات المستخدم البطيئة
خطاف الاستخدام الانتقالي
خطاف useDeferredValue
الاختيار بين useTransition وuseDeferredValue
اختبار: التزامن لواجهات المستخدم السلسة
التحدي: لوحة معلومات الأسهم في الوقت الفعلي
الحل: لوحة معلومات الأسهم في الوقت الفعلي
10.
التعامل مع النماذج في React (المكونات الخاضعة للرقابة وغير الخاضعة للرقابة)
المشكلة: إدارة إدخال المستخدم بالطريقة الصعبة
المكونات المتحكم بها في React
إدارة المدخلات المتعددة في React
معالجة إرسال النماذج والتحقق من صحتها
استخدام المراجع للمدخلات غير الخاضعة للرقابة
بناء مكون إدخال قابل لإعادة الاستخدام
تحسين إمكانية الوصول إلى النماذج باستخدام خطاف useId
إدارة حالة إرسال النموذج باستخدام هوك useFormStatus
إدارة حالة النموذج والإجراءات باستخدام هوك useActionState
بناء ردود الفعل الفورية باستخدام useOptimistic
اختبار: التعامل مع النماذج في React
التحدي: نموذج تسجيل ديناميكي مع ردود فعل إيجابية
الحل: نموذج تسجيل ديناميكي مع ردود فعل إيجابية
11.
جلب البيانات وتكامل API
لماذا تفشل عمليات جلب البيانات التقليدية
جلب البيانات بطريقة React
التعامل مع التحميل والأخطاء بسلاسة
تبسيط جلب البيانات باستخدام Axios
تكوين مثيلات Axios لإعادة الاستخدام
معالجة الأخطاء العالمية والمعترضات باستخدام Axios
إلغاء الطلبات أثناء الرحلة باستخدام Axios
استعلام React : جعل جلب البيانات إعلانيًا
التخزين المؤقت والتحديثات الخلفية باستخدام React Query
الطفرات وواجهة المستخدم المتفائلة مع استعلام React
اختبار: جلب البيانات وتكامل API
التحدي: تطبيق بحث المستخدم GitHub
الحل: بحث المستخدم GitHub
12.
خاتمة
اختتم رحلتك مع React
Mini Project
Premium
لوحة معلومات إدارة المهام
تعلم React 19: الدليل الكامل لتطبيقات الويب الحديثة
/
...
/
اختبار: جلب البيانات وتكامل API
اختبار: جلب البيانات وتكامل API
اختبر معلوماتك حول جلب البيانات وتكامل واجهة برمجة API) .
سنغطي ما يلي...
...