React'teki bileşenler hakkında bana anlat.

React'te bileşenler, giriş verilerini kabul edebilen ve kendi durumlarını yönetebilen bağımsız, tekrar kullanılabilir kullanıcı arayüzü öğeleridir.

İki ana bileşen türü vardır:

1. Fonksiyonel bileşenler: JSX döndüren basit JavaScript fonksiyonlarıdır.

   // Fonksiyonel bileşen örneği
   function Welcome(props) {
     return <h1>Merhaba, {props.name}!</h1>;
   }
   

2. Sınıf bileşenleri: React.Component'i genişleten ve JSX döndüren render() metoduna sahip JavaScript sınıflarıdır. Yerel duruma (state) ve yaşam döngüsü metodlarına sahip olabilirler.

   // Sınıf bileşeni örneği
   class Counter extends React.Component {
     constructor(props) {
       super(props);
       this.state = { count: 0 };
     }
   
     render() {
       return (
         <div>
           <p>Sayaç: {this.state.count}</p>
           <button onClick={() => this.setState({ count: this.state.count + 1 })}>
             Artır
           </button>
         </div>
       );
     }
   }
   

Bileşenler, daha karmaşık arayüzler oluşturmak için birbirine gömülebilir. Veriler, ebeveyn bileşenden çocuk bileşene props aracılığıyla iletilir.

Bileşenlerin kullanımı, modülerlik, kod tekrarını önleme ve uygulamanın durum yönetimini kolaylaştırır.