React Nedir?

React, kullanıcı arayüzleri oluşturmak için kullanılan popüler bir JavaScript kütüphanesidir. Tek sayfa uygulamaları oluşturmakta sıklıkla tercih edilen React, bileşen tabanlı yapı sayesinde uygulamalardaki yeniden kullanılabilirliği artırır. React, sanal DOM kullanarak veri değişikliklerini yönetir ve performansı artırır.

React'in Temel Bileşenleri

React uygulamaları, bileşenler adı verilen bağımsız yapısal birimlerden oluşur. Her bileşen, kendi durumunu (state) ve özelliklerini (props) tutar. Bu yapı sayesinde bileşenler arasında veri akışı sağlanır ve uygulamanın genel dayanıklılığı artırılır.

State Nedir?

State, bir bileşenin kendi verilerini tutan bir yapıdır. Bileşenin durumunu temsil eder ve kullanıcı etkileşimleri ile değişebilir. Örneğin, bir sayfa üzerindeki bir butona tıklandığında, bu butonun durumu değişebilir. State, bileşenin güncellenmesini sağlar.

State Yönetimi

React'te state yönetimi, genellikle useState hook'u kullanılarak yapılır. useState, fonksiyon bileşenlerinde state oluşturmayı ve güncellemeyi sağlar.

import React, { useState } from 'react';

function Counter() {
    const [count, setCount] = useState(0);

    return (
        

            
Butona {count} kez tıklandı.
             setCount(count + 1)}>Tıkla
        
    );
}

Props Nedir?

Props (özellikler), bileşenlere veri aktarmak için kullanılır. Bir bileşen, kendisine geçen props'ları alır ve bunları rendering sırasında kullanabilir. Props, bileşenin dışarıdan aldığı verilerdir ve değiştirilemezler.

Props Kullanımı

Bileşenlere props geçişi, bileşen çağrılırken sağlanır. Aşağıdaki örnekte nasıl yapıldığını görebilirsiniz:

function Greeting(props) {
    return 
Merhaba, {props.name}!
;
}

// Kullanım

Sonuç

React uygulamaları geliştirmek için state ve props kavramlarını anlamak son derece önemlidir. State, bileşenin iç durumunu yönetirken, props dışarıdan gelen verileri ifade eder. Bu iki kavram, React'in bileşen tabanlı yapısını oluşturur ve uygulamanızın esnekliğini artırır.