أشهر مكتبة لبناء واجهات تفاعلية.
قبل المكوّنات، افهم ليه React موجودة وإزاي تبدأ مشروع.
المكوّنات هي وحدات البناء الأساسية، و JSX هي لغة كتابتها.
الـ props بتمرّر البيانات بين المكوّنات وبتخلّيها قابلة لإعادة الاستخدام.
الحالة هي ذاكرة المكوّن — اللي بتخلّي الواجهة تتغيّر وتتفاعل.
الأحداث بتربط تفاعل المستخدم بمنطق التطبيق في React.
عرض أجزاء مختلفة حسب الحالة هو أساس أي واجهة ديناميكية.
عرض البيانات كقوائم مهارة يومية، والـ keys بتخلّي React تحدّثها بكفاءة.
useEffect بيربط مكوّناتك بالعالم الخارجي: APIs، مؤقّتات، اشتراكات.
أغلب التطبيقات بتجمع مدخلات المستخدم — لازم تتقن النماذج في React.
لما مكوّنات تتشارك بيانات، بترفع الحالة لأقرب أب مشترك بينهم.
الـ Context بيحلّ مشكلة تمرير الـ props عبر طبقات كتير (prop drilling).
لما يكبر منطق الحالة، useReducer بينظّمه أحسن من useState.
الـ hooks المخصّصة بتخلّيك تعيد استخدام منطق الحالة بين المكوّنات.
ربط واجهتك بالخوادم الحقيقية هو اللي بيحوّلها لتطبيق فعلي.
التطبيقات الكبيرة بتحتاج تحسين لتجنّب عمليات العرض الزائدة.
التطبيقات متعدّدة الصفحات بتحتاج توجيه ينقل المستخدم بين الواجهات.
Next.js إطار مبني على React بيدّيك توجيه وعرض من الخادم جاهزين.