Funksional komponentlar

💡 Functional komponent nima?

Functional komponent — bu oddiy JavaScript funksiyasi, u JSX (HTML-ga o‘xshagan kod) qaytaradi.
Bu React’da komponent yaratishning zamonaviy va eng ko‘p ishlatiladigan usuli hisoblanadi.

✅ Oddiy tuzilmasi:

function MyComponent() { return <h1>MyComponent'dan salom!</h1>; }

Yoki arrow function bilan:

const MyComponent = () => { return <h1>MyComponent'dan salom!</h1>; };

🧠 Muhim xususiyatlari:

Juda sodda va toza tuzilgan.
useState, useEffect kabi React hooklarini ishlata oladi.
props orqali tashqaridan ma’lumot qabul qiladi.

🧪 Props bilan foydalanish:

function Greeting(props) { return <h2>Salom, {props.name}</h2>; }

// Foydalanish: <Greeting name="Davron" />

Yoki destructuring bilan:

function Greeting({ name }) { return <h2>Salom, {name}</h2>; }

🎯 Nega functional komponent ishlatiladi?

Yozilishi oson va qisqa.
Hooks orqali state va hayotiy sikl bilan ishlay oladi.
Zamonaviy React loyihalarda afzal ko‘riladi.