أهلاً بيك. أي صفحة حقيقية فيها أجزاء: هيدر، ومنتجات، وفوتر. بدل ما نكتبهم كلهم في مكوّن واحد كبير، نعمل لكل جزء مكوّن لوحده.
/index.html
المكوّنات
  • مكوّن = function بترجع JSX
  • اسمه بحرف كبير: Header
  • نستخدمه كتاج: <Header />
  • نكتبه مرة ونستخدمه كتير
  • App هو المكوّن الأكبر اللي بيجمعهم