💡 React’da Komponent nima?

Komponent — bu UI (foydalanuvchi interfeysi) ning mustaqil, qayta ishlatiladigan bo‘lagi.

Komponentni siz LEGO kublariga o‘xshatishingiz mumkin:
Har bir kichik blok — bu komponent. Ularni birlashtirib siz butun sayt yoki ilova qurishingiz mumkin.

🔹 Ikki asosiy turdagi komponentlar bor:

Function komponentlar – eng keng tarqalgan va zamonaviy usul
Class komponentlar – eski usul (hozir kamroq ishlatiladi)

✅ Function komponentga misol:

function Welcome() { return <h1>Reactga xush kelibsiz!</h1>; }

Boshqa komponentda foydalanish:

function App() { return ( <div> <Welcome /> </div> ); }

🔁 Komponentlar quyidagicha ishlaydi:

Qayta ishlatiladi (props bilan)
Boshqa komponentlar ichida chaqiriladi
O‘zining state ga ega bo‘ladi (useState yordamida)
Hooks va boshqa funksiyalarni ishlata oladi

🎯 Nega komponentlardan foydalanamiz?

Kodni tartibli saqlaydi
Kutilmagan xatoliklarni kamaytiradi
Har bir qismini mustaqil sinovdan o‘tkazish oson
Katta ilovani kichik, boshqariladigan bo‘laklarga ajratadi