Ispričaj mi o komponentama u Reactu.

U React-u, komponente su nezavisni, višekratno upotrebljivi elementi korisničkog interfejsa koji mogu prihvatiti ulazne podatke (props) i upravljati sopstvenim stanjem.

Postoje dve glavne vrste komponenti:

1. Funkcionalne komponente: Jednostavne JavaScript funkcije koje vraćaju JSX.

   // Primer funkcionalne komponente
   function Welcome(props) {
     return <h1>Zdravo, {props.name}!</h1>;
   }
   

2. Klase komponenata: JavaScript klase koje proširuju React.Component i imaju metodu render(), koja vraća JSX. Mogu imati lokalno stanje (state) i metode životnog ciklusa.

   // Primer klase komponente
   class Counter extends React.Component {
     constructor(props) {
       super(props);
       this.state = { count: 0 };
     }
   
     render() {
       return (
         <div>
           <p>Brojač: {this.state.count}</p>
           <button onClick={() => this.setState({ count: this.state.count + 1 })}>
             Povećaj
           </button>
         </div>
       );
     }
   }
   

Komponente mogu biti ugnježdene jedna u drugu za kreiranje složenijih interfejsa. Podaci se prenose od roditeljskog do detetovog komponenta putem props.

Korišćenje komponenti obezbeđuje modularnost, ponovnu upotrebu koda i olakšava upravljanje stanjem aplikacije.