React Kirish

React

• React – foydalanuvchi interfeyslarini qurish uchun mo‘ljallangan JavaScript kutubxonasi.
• Bir sahifali ilovalar (SPAs): React, kontent dinamik tarzda yangilanadigan bir sahifali ilovalarni yaratishda ayniqsa samaralidir.
• Qayta ishlatiladigan UI komponentlari: React sizga ilovangizning turli qismlarida qayta ishlatilishi mumkin bo‘lgan komponentlarni yaratishga imkon beradi.

Misol: Oddiy React Komponenti Berilgan kodni bosqichma-bosqich tushuntirish:

1. React va ReactDOM import qilish

   import React from 'react';
   import ReactDOM from 'react-dom/client';

   • React – asosiy kutubxona.
   • ReactDOM – React komponentlarini DOMga chiqargan kutubxona.

2. Komponent yaratish

   function Hello(props) {
     return <h1>Hello World!</h1>;
   }

   • Hello – React funksional komponenti bo‘lib, oddiy JSX elementini qaytaradi.

3. Komponentni chiqarish

   const container = document.getElementById("root");
   const root = ReactDOM.createRoot(container);
   root.render(<Hello />);

   • container HTML hujjatidagi root identifikatori bo‘lgan elementni oladi.
   • ReactDOM.createRoot(container) React uchun komponentni chiqarish uchun asos yaratadi.
   • root.render(<Hello />) Hello komponentini root konteynerida chiqaradi.

Xulosa

• Komponent yaratish: UI-ni Hello kabi komponentlarda aniqlang.
• Chiqish: Komponentlarni DOMda ko‘rsatish uchun ReactDOM.createRoot va root.render dan foydalaning.

Agar qo‘shimcha misollar yoki React haqida aniq savollar bo‘lsa, so‘rashingiz mumkin!