⚛️

تعلّم React

مكتبة واجهات المستخدم الأكثر شعبية — 10 مقالات متسلسلة من الصفر إلى الاحتراف

📚 10 مقالات⏱ 8 ساعات📊 متوسط🛠️ مشاريع عملية
🎁

مراجع المسار

مصادر خارجية + مشاريع GitHub + أدوات React

←

📚 محتوى المسار

1

كيف تثبت React على ويندوز وماك — دليل خطوة بخطوة 2026

دليل عملي مفصل لتثبيت React على ويندوز وماك خطوة بخطوة — مع Vite و TypeScript وحل المشاكل الشائعة

2

أول تطبيق React لك — من JSX إلى المكونات 2026

دليل عملي مفصل لبناء أول تطبيق React — فهم JSX، المكونات، وكيفية تركيب React في المتصفح

3

المكونات في React — دليل شامل Components 2026

دليل عملي مفصل للمكونات في React — الأنواع، Props، التركيب، إعادة الاستخدام، مع تمارين وحلول

4

State في React — دليل شامل useState 2026

دليل عملي مفصل لإدارة الحالة (State) في React — useState، التحديث، الحالات المعقدة، مع تمارين وحلول

5

الأحداث والنماذج في React — دليل شامل 2026

دليل عملي مفصل للأحداث (Events) والنماذج (Forms) في React — onClick, onChange, onSubmit، مع تمارين وحلول

6

useEffect في React — دليل شامل للتأثيرات الجانبية 2026

دليل عملي مفصل لـ useEffect في React — التأثيرات الجانبية، دورة الحياة، التنظيف، مع تمارين وحلول

7

القوائم والشروط في React — دليل شامل 2026

دليل عملي مفصل للقوائم والشروط في React — map, filter, key، والتصيير الشرطي، مع تمارين وحلول

8

React Router — التنقل بين الصفحات في React 2026

دليل عملي مفصل لـ React Router — التنقل، المسارات، الروابط، والمعاملات، مع تمارين وحلول

9

Context API في React — إدارة الحالة العامة 2026

دليل عملي مفصل لـ Context API في React — إنشاء Context، Provider، useContext، مع تمارين وحلول

10

مشروع React متكامل — تطبيق متجر إلكتروني 2026

مشروع عملي شامل لبناء تطبيق متجر إلكتروني بـ React و TypeScript — مع السلة، البحث، التصفية، والحفظ التلقائي