React pro začátečníky: komponenty, stav a props

Co je React?

React je knihovna pro tvorbu uživatelských rozhraní. Rozdělíte stránku na malé, znovupoužitelné komponenty.

Komponenta

function Kurz({ nazev, cena }) {
  return <div>{nazev} — {cena} Kč</div>;
}

Props

Props jsou vstupní data komponenty. Jsou read-only.

Stav (useState)

const [pocet, setPocet] = useState(0);

Efekty (useEffect)

Pro synchronizaci s vnějším světem (fetch, timer):

useEffect(() => {
  fetch("/api/kurzy").then(...);
}, []);

Časté chyby

• Mutování stavu přímo (array.push(...)) — vždy vracejte novou referenci.
• Zapomenutý key v seznamech.
• Nekonečné re-rendery kvůli špatným dependencies v useEffect.

Kam dál?

Server komponenty, TanStack Query, Zustand — o všem se dozvíte v našem intenzivním kurzu Reactu.