Pověz mi o komponentách v Reactu.

V Reactu jsou komponenty nezávislé, opakovaně použitelné prvky uživatelského rozhraní, které mohou přijímat vstupní data (props) a spravovat svůj vlastní stav.

Existují dva hlavní typy komponent:

1. Funkční komponenty: Jednoduché JavaScriptové funkce, které vracejí JSX.

   // Příklad funkční komponenty
   function Welcome(props) {
     return <h1>Ahoj, {props.name}!</h1>;
   }
   

2. Třídy komponent: JavaScriptové třídy, které rozšiřují React.Component a mají metodu render(), která vrací JSX. Mohou mít lokální stav (state) a metody životního cyklu.

   // Příklad třídy komponenty
   class Counter extends React.Component {
     constructor(props) {
       super(props);
       this.state = { count: 0 };
     }
   
     render() {
       return (
         <div>
           <p>Čítač: {this.state.count}</p>
           <button onClick={() => this.setState({ count: this.state.count + 1 })}>
             Zvýšit
           </button>
         </div>
       );
     }
   }
   

Komponenty mohou být vnořeny do sebe pro tvorbu složitějších rozhraní. Data jsou předávána z rodičovského komponentu na potomka přes props.

Použití komponent zajišťuje modularitu, opakované použití kódu a usnadňuje správu stavu aplikace.