Co jsou state a props v kontextu vývoje na Reactu?

State — je vnitřní stav komponenty, soubor dat, který se může během provozu komponenty měnit. Změna stavu vede k překreslení komponenty.

Props — jsou vnější parametry předávané komponentě zvenčí, od rodičovské komponenty. Props jsou uvnitř komponenty, která je přijímá, neměnné. Používají se k konfiguraci a přenosu dat od rodiče k potomkovi.

Hlavní rozdíly:

Charakteristika	State	Props
Zdroj	Vnitřní komponenta	Předávají se zvenčí
Změnitelnost	Může se měnit	Nelze měnit uvnitř
Cíl	Řízení vnitřního vzhledu	Přenos dat a konfigurace

Příklad použití state:

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0); // Inicializace state

  return (
    <div>
      <p>Čítač: {count}</p>
      <button onClick={() => setCount(count + 1)}>Zvýšit</button>
    </div>
  );
}

Příklad použití props:

import React from 'react';

function Greeting(props) {
  return <h1>Ahoj, {props.name}!</h1>; // Použití props
}

function App() {
  return <Greeting name="Svět" />; // Předání props
}