Spune-mi despre componentele din React.

În React, componentele sunt elemente independente și reutilizabile ale interfeței utilizatorului, care pot accepta date de intrare (props) și pot gestiona propria stare.

Există două tipuri principale de componente:

1. Componente funcționale: Funcții JavaScript simple care returnează JSX.

   // Exemplu de componentă funcțională
   function Welcome(props) {
     return <h1>Salut, {props.name}!</h1>;
   }
   

2. Componente de clasă: Clase JavaScript care extind React.Component și au o metodă render(), care returnează JSX. Pot avea stare locală (state) și metode de ciclu de viață.

   // Exemplu de componentă de clasă
   class Counter extends React.Component {
     constructor(props) {
       super(props);
       this.state = { count: 0 };
     }
   
     render() {
       return (
         <div>
           <p>Contor: {this.state.count}</p>
           <button onClick={() => this.setState({ count: this.state.count + 1 })}>
             Crește
           </button>
         </div>
       );
     }
   }
   

Componentele pot fi încorporate unele în altele pentru a crea interfețe mai complexe. Datele sunt transmise de la componenta părinte la cea copil prin props.

Utilizarea componentelor asigură modularitate, reutilizarea codului și facilitează gestionarea stării aplicației.