REACT — Components

مقدمة

المكوّنات هي وحدات واجهة قابلة لإعادة الاستخدام.

ماذا ستتعلم؟

• Function components
• props
• تركيب

الصياغة

function Card(){ return <div/> }

مثال

function Card({ title }){
  return <div className="card">{title}</div>;
}

export default function App(){
  return <Card title="مرحبا" />;
}

ملاحظات

• اسم المكوّن بحرف كبير.
• قسّم الواجهة لمكونات صغيرة.