المكوّنات: طريقة React في التفكير

React مش لغة جديدة — هي طريقة تنظيم. الفكرة: قسّم أي واجهة لمكوّنات صغيرة، كل مكوّن دالة JavaScript بترجع شكل (JSX) وبتستقبل بياناتها عبر props.

بص لأي صفحة وظائف: فيه بطاقة وظيفة بتتكرر — دي مكوّن JobCard واحد بيتنده 20 مرة ببيانات مختلفة. لما تعدّل تصميمه مرة، بيتعدل في كل مكان.

قواعد JSX السريعة

• className بدل class، وأقواس {} لأي قيمة JavaScript جوه الشكل.
• المكوّن بيرجع عنصر جذر واحد (أو Fragment <>…</>).
• تمرين: افتح أي موقع بتحبه وحلّل صفحته لمكوّنات على ورقة — أهم تمرين في مشوارك.