1. الرئيسية
2. مسارات التعلم
3. تعلم React من الصفر بالعربية

ابدأ الدورة من الدرس الأول

1. ما هي React؟ المكونات وصياغة JSX وأول واجهة تفاعلية

   أول درس في تعلم React بالعربية: لماذا React، وما المكون (Component)، وكيف تكتب JSX وتدمج JavaScript داخلها بالأقواس، مع أمثلة تشغلها وتعدّلها في المتصفح مباشرة.

   8 دقائق
2. الخصائص Props في React: تمرير البيانات بين المكونات

   درس Props في React بالعربية: كيف تمرر البيانات من مكون أب إلى ابن، والتفكيك، والقيم الافتراضية، وخاصية children، وتمرير الدوال، مع أمثلة تفاعلية تشغلها في المتصفح.

   7 دقائق
3. الحالة والأحداث في React: useState والتعامل مع النقر والإدخال

   درس useState في React بالعربية: ما الحالة ولماذا يعاد العرض، وأحداث النقر والكتابة، والحقول المتحكم بها، والتحديث بالقيمة السابقة.

   8 دقائق
4. القوائم والعرض الشرطي في React: map والمفتاح key وقائمة مهام

   درس القوائم في React بالعربية: عرض المصفوفات بـ map، ولماذا تحتاج key، والعرض الشرطي بـ && والشرط الثلاثي، والتصفية، ثم بناء قائمة مهام كاملة تضيف وتحذف وتشطب.

   8 دقائق
5. useEffect والتأثيرات الجانبية في React ومشروع ختامي متكامل

   الدرس الأخير في دورة React: متى تستخدم useEffect، ومصفوفة الاعتماديات، والتنظيف، والمؤقتات، والأخطاء الشائعة، ثم الخطوات التالية: Vite وNext.js وبناء مشروعك الأول.

   9 دقائق