Porozprávaj mi o komponentách v Reacte.

V Reactu so komponenty nezávislé, opakovane prvky používateľského rozhrania, ktoré môžu prijímať vstupné údaje (props) a spravovať vlastný stav.

Existujú dva hlavné typy komponentov:

1. Funkčné komponenty: Jednoduché JavaScriptové funkcie, ktoré vracajú JSX.

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

2. Triedy komponentov: JavaScriptové triedy, ktoré rozširujú React.Component a majú metódu render(), ktorá vracia JSX. Môžu mať lokálny stav (state) a metódy životného cyklu.

   // Príklad triedy komponenty
   class Counter extends React.Component {
     constructor(props) {
       super(props);
       this.state = { count: 0 };
     }
   
     render() {
       return (
         <div>
           <p>Počítadlo: {this.state.count}</p>
           <button onClick={() => this.setState({ count: this.state.count + 1 })}>
             Zvýšiť
           </button>
         </div>
       );
     }
   }
   

Komponenty môžu byť navzájom vložené na vytvorenie zložitejších rozhraní. Dáta sa prenášajú od rodičovského komponentu k dieťaťu cez props.

Použitie komponentov zabezpečuje modularitu, opätovné použitie kódu a uľahčuje správu stavu aplikácie.