REACT — Components

Genel Bakış

Bileşenler tekrar kullanılabilir UI parçalarıdır.

Öğreneceklerin

• function components
• props
• composition

Sözdizimi

function Card(){ return <div/> }

Örnek

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

export default function App(){
  return <Card title="Merhaba" />;
}

Notlar

• Bileşen adını büyük harfle başlat.
• UI'ı küçük parçalara böl.