1. React nima?

• React – UI kutubxonasi, to‘liq framework emas. Lekin u juda kuchli rendering mexanizmi va ekotizimiga ega.
• Asosiy g‘oya:
  • Imperative yondashuv (vanilla JS): DOM bilan qo‘lda ishlash, juda ko‘p kod va murakkablik.
  • Declarative yondashuv (React): “UI = f(state)”. Ya’ni, UI doimo state’ga bog‘liq. State o‘zgarsa, UI avtomatik yangilanadi.

// Vanilla JS
const button = document.createElement("button");
button.innerText = "Click Me";
button.addEventListener("click", () => {
  button.innerText = "Clicked!";
});
document.body.appendChild(button);

// React
function App() {
  const [text, setText] = React.useState("Click Me");
  return <button onClick={() => setText("Clicked!")}>{text}</button>;
}

2. React'dagi komponentlar tushunchasi

• Function-based components – hozirgi standart
• Class componentlar avvalgi holati jihatdan tushuntiriladi

Isolated, composable, testable unit

3. Virtual DOM haqida chuqurroq

Virtual DOM qanday ishlaydi? Diffing algoritmi nima?

Reconciliation nima?

4. React Component Lifecycle – Function Component nuqtai nazaridan

• useEffect bilan lifecycle'lar qanday ifodalanadi:
  • componentDidMount → useEffect(..., [])
  • componentDidUpdate → useEffect dependency bilan
  • componentWillUnmount → cleanup return function

5. Prop va State — Advanced kontekstda

• props – parent → child ma'lumot oqimi (o'zgartirib bo'lmaydi)
• state – mahalliy o'zgaruvchan ma'lumot

setCount(count + 1)
setCount(count + 1)